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/Bright Petrichor Ledger

Palette · 4 colors · Lc 8.9

Bright Petrichor Ledger palette

Bright Petrichor Ledger: a 4-color palette (Blue, Gray, Cold, Ocean). HEX, RGB, HSL and OKLCH for #E6ECEE, #77C9CB, #005558, #00111B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Blue
  • Gray
  • Cold
  • Ocean
  • Nature
  • 4 Colors

bg

#E6ECEE

surface

#77C9CB

accent

#005558

text

#00111B

Open in StudioOpen in PickerAll palettes

Colors in Bright Petrichor Ledger: HEX, RGB, HSL & OKLCH

  • bg

    #E6ECEE

    #E6ECEE color page →
    RGB
    rgb(230 236 238)
    HSL
    hsl(195 19% 92%)
    OKLCH
    oklch(0.939 0.007 219.6)

    WCAG contrast: on white 1.19:1 (Fail) · on black 17.59:1 (AAA)

  • surface

    #77C9CB

    #77C9CB color page →
    RGB
    rgb(119 201 203)
    HSL
    hsl(181 45% 63%)
    OKLCH
    oklch(0.784 0.08 197.7)

    WCAG contrast: on white 1.90:1 (Fail) · on black 11.00:1 (AAA)

  • accent

    #005558

    #005558 color page →
    RGB
    rgb(0 85 88)
    HSL
    hsl(182 100% 17%)
    OKLCH
    oklch(0.408 0.069 198.9)

    WCAG contrast: on white 8.60:1 (AAA) · on black 2.44:1 (Fail)

  • text

    #00111B

    #00111B color page →
    RGB
    rgb(0 17 27)
    HSL
    hsl(202 100% 5%)
    OKLCH
    oklch(0.167 0.034 232.5)

    WCAG contrast: on white 19.16:1 (AAA) · on black 1.09:1 (Fail)

Export Bright Petrichor Ledger: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e6ecee;
  --surface: #77c9cb;
  --accent: #005558;
  --text: #00111b;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e6ecee;
  --color-surface: #77c9cb;
  --color-accent: #005558;
  --color-text: #00111b;
}

JSON (DTCG tokens)

{
  "bright-petrichor-ledger-261": {
    "bg": {
      "$type": "color",
      "$value": "#e6ecee"
    },
    "surface": {
      "$type": "color",
      "$value": "#77c9cb"
    },
    "accent": {
      "$type": "color",
      "$value": "#005558"
    },
    "text": {
      "$type": "color",
      "$value": "#00111b"
    }
  }
}

About this palette

Bright Petrichor Ledger is a 4-color OKLCH-ready palette tagged blue, gray, cold, ocean, nature, 4 colors. Hex values: #E6ECEE, #77C9CB, #005558, #00111B. APCA contrast score Lc 8.9. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Wavelet CircuitBlue · Gray
  • Dusk Abyssal Waters BriefBlue · Gray
  • Quiet Abyssal Waters HarborBlue · Gray
  • Low Nocturnal Expedition PulseBlue · Gray
  • Quiet Rich Black MeadowBlue · Gray
  • Quiet Raging Thunderstorm QuartzBlue · Gray

Palettes with similar colors

Closest to Bright Petrichor Ledger by OKLab color distance.

  • Classic Wavelet CanvasBlue · Cold
  • True Wavelet DuneBlue · Cold
  • Quiet Abyssal Waters EmberBlue · Gray
  • Quiet Cape Verde GlacierTurquoise · Gray
  • Clear Wavelet DriftBlue · Gray
  • Dusk Cape Verde LatticeTurquoise · Gray
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