Palette · 10 colors · Lc 9.2
Emerald Whispers Tide palette
Emerald Whispers Tide: a 10-color palette (Turquoise, Gray, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #040908, #001E1B, #003F38, #1A5451, #316B65, #47857B, #71A99C, #99C3B8, #BED7D0, #E5F7F2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#040908
surface
#001E1B
muted
#003F38
primary
#1A5451
secondary
#316B65
accent
#47857B
highlight
#71A99C
border
#99C3B8
focus
#BED7D0
text
#E5F7F2
Colors in Emerald Whispers Tide: HEX, RGB, HSL & OKLCH
- #040908 color page →
bg
#040908
- RGB
- rgb(4 9 8)
- HSL
- hsl(168 38% 3%)
- OKLCH
- oklch(0.132 0.011 183.1)
WCAG contrast: on white 20.04:1 (AAA) · on black 1.04:1 (Fail)
- #001E1B color page →
surface
#001E1B
- RGB
- rgb(0 30 27)
- HSL
- hsl(174 100% 6%)
- OKLCH
- oklch(0.211 0.037 185.6)
WCAG contrast: on white 17.47:1 (AAA) · on black 1.20:1 (Fail)
- #003F38 color page →
muted
#003F38
- RGB
- rgb(0 63 56)
- HSL
- hsl(173 100% 12%)
- OKLCH
- oklch(0.33 0.059 182.7)
WCAG contrast: on white 11.87:1 (AAA) · on black 1.76:1 (Fail)
- #1A5451 color page →
primary
#1A5451
- RGB
- rgb(26 84 81)
- HSL
- hsl(177 53% 22%)
- OKLCH
- oklch(0.408 0.059 190.2)
WCAG contrast: on white 8.63:1 (AAA) · on black 2.43:1 (Fail)
- #316B65 color page →
secondary
#316B65
- RGB
- rgb(49 107 101)
- HSL
- hsl(174 37% 31%)
- OKLCH
- oklch(0.487 0.062 186.4)
WCAG contrast: on white 6.13:1 (AA) · on black 3.42:1 (Fail)
- #47857B color page →
accent
#47857B
- RGB
- rgb(71 133 123)
- HSL
- hsl(170 30% 40%)
- OKLCH
- oklch(0.572 0.067 182.2)
WCAG contrast: on white 4.27:1 (Fail) · on black 4.90:1 (AA)
- #71A99C color page →
highlight
#71A99C
- RGB
- rgb(113 169 156)
- HSL
- hsl(166 25% 55%)
- OKLCH
- oklch(0.692 0.062 178.2)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.85:1 (AAA)
- #99C3B8 color page →
border
#99C3B8
- RGB
- rgb(153 195 184)
- HSL
- hsl(164 26% 68%)
- OKLCH
- oklch(0.784 0.047 177.2)
WCAG contrast: on white 1.93:1 (Fail) · on black 10.85:1 (AAA)
- #BED7D0 color page →
focus
#BED7D0
- RGB
- rgb(190 215 208)
- HSL
- hsl(163 24% 79%)
- OKLCH
- oklch(0.859 0.028 176.9)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.82:1 (AAA)
- #E5F7F2 color page →
text
#E5F7F2
- RGB
- rgb(229 247 242)
- HSL
- hsl(163 53% 93%)
- OKLCH
- oklch(0.961 0.02 177.5)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.91:1 (AAA)
Export Emerald Whispers Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #040908;
--surface: #001e1b;
--muted: #003f38;
--primary: #1a5451;
--secondary: #316b65;
--accent: #47857b;
--highlight: #71a99c;
--border: #99c3b8;
--focus: #bed7d0;
--text: #e5f7f2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #040908;
--color-surface: #001e1b;
--color-muted: #003f38;
--color-primary: #1a5451;
--color-secondary: #316b65;
--color-accent: #47857b;
--color-highlight: #71a99c;
--color-border: #99c3b8;
--color-focus: #bed7d0;
--color-text: #e5f7f2;
}JSON (DTCG tokens)
{
"emerald-whispers-tide-53s": {
"bg": {
"$type": "color",
"$value": "#040908"
},
"surface": {
"$type": "color",
"$value": "#001e1b"
},
"muted": {
"$type": "color",
"$value": "#003f38"
},
"primary": {
"$type": "color",
"$value": "#1a5451"
},
"secondary": {
"$type": "color",
"$value": "#316b65"
},
"accent": {
"$type": "color",
"$value": "#47857b"
},
"highlight": {
"$type": "color",
"$value": "#71a99c"
},
"border": {
"$type": "color",
"$value": "#99c3b8"
},
"focus": {
"$type": "color",
"$value": "#bed7d0"
},
"text": {
"$type": "color",
"$value": "#e5f7f2"
}
}
}About this palette
Emerald Whispers Tide is a 10-color OKLCH-ready palette tagged turquoise, gray, cold, 10 colors. Hex values: #040908, #001E1B, #003F38, #1A5451, #316B65, #47857B, #71A99C, #99C3B8, #BED7D0, #E5F7F2. APCA contrast score Lc 9.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Emerald Whispers Tide by OKLab color distance.