Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Explore/Crimson Boy Tide

Palette · 5 colors · Lc 7.6

Crimson Boy Tide palette

Crimson Boy Tide: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #E8DCD9, #BB4A38, #007493, #694695, #110704, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Warm
  • 5 Colors

bg

#E8DCD9

surface

#BB4A38

primary

#007493

accent

#694695

text

#110704

Open in StudioOpen in PickerAll palettes

Colors in Crimson Boy Tide: HEX, RGB, HSL & OKLCH

  • bg

    #E8DCD9

    #E8DCD9 color page →
    RGB
    rgb(232 220 217)
    HSL
    hsl(12 25% 88%)
    OKLCH
    oklch(0.903 0.014 34.3)

    WCAG contrast: on white 1.34:1 (Fail) · on black 15.67:1 (AAA)

  • surface

    #BB4A38

    #BB4A38 color page →
    RGB
    rgb(187 74 56)
    HSL
    hsl(8 54% 48%)
    OKLCH
    oklch(0.557 0.15 31.3)

    WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)

  • primary

    #007493

    #007493 color page →
    RGB
    rgb(0 116 147)
    HSL
    hsl(193 100% 29%)
    OKLCH
    oklch(0.52 0.098 224.7)

    WCAG contrast: on white 5.35:1 (AA) · on black 3.91:1 (Fail)

  • accent

    #694695

    #694695 color page →
    RGB
    rgb(105 70 149)
    HSL
    hsl(267 36% 43%)
    OKLCH
    oklch(0.47 0.127 302.2)

    WCAG contrast: on white 7.21:1 (AAA) · on black 2.91:1 (Fail)

  • text

    #110704

    #110704 color page →
    RGB
    rgb(17 7 4)
    HSL
    hsl(14 62% 4%)
    OKLCH
    oklch(0.143 0.021 43.3)

    WCAG contrast: on white 19.88:1 (AAA) · on black 1.05:1 (Fail)

Export Crimson Boy Tide: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e8dcd9;
  --surface: #bb4a38;
  --primary: #007493;
  --accent: #694695;
  --text: #110704;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e8dcd9;
  --color-surface: #bb4a38;
  --color-primary: #007493;
  --color-accent: #694695;
  --color-text: #110704;
}

JSON (DTCG tokens)

{
  "crimson-boy-tide-4cn": {
    "bg": {
      "$type": "color",
      "$value": "#e8dcd9"
    },
    "surface": {
      "$type": "color",
      "$value": "#bb4a38"
    },
    "primary": {
      "$type": "color",
      "$value": "#007493"
    },
    "accent": {
      "$type": "color",
      "$value": "#694695"
    },
    "text": {
      "$type": "color",
      "$value": "#110704"
    }
  }
}

About this palette

Crimson Boy Tide is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #E8DCD9, #BB4A38, #007493, #694695, #110704. APCA contrast score Lc 7.6. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Caramel Dream LedgerTrending · Orange
  • Bold Devil’s Advocate LedgerTrending · Orange
  • Steady Crimson Blaze QuartzTrending · Orange
  • Classic Smooch Rouge BloomTrending · Orange
  • Steady Hot Brown PrismTrending · Orange
  • Classic Intrigue Red PulseTrending · Orange

Palettes with similar colors

Closest to Crimson Boy Tide by OKLab color distance.

  • True Naughty Hottie DeltaOrange · Warm
  • True Crimson Boy EmberOrange · Warm
  • True Hot Chilli RibbonOrange · Warm
  • Pure Monument Valley StudioTrending · Yellow
  • Grand Canyon GardenOrange · Warm
  • Pure King Crimson KilnOrange · Warm
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA