Palette · 5 colors · Lc 8.5
Teal Noir palette
Teal Noir: a 5-color palette (Trending, Blue, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #030D0D, #004B4E, #008386, #5DBDBC, #D2F1F0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#030D0D
surface
#004B4E
primary
#008386
accent
#5DBDBC
text
#D2F1F0
Colors in Teal Noir: HEX, RGB, HSL & OKLCH
- #030D0D color page →
bg
#030D0D
- RGB
- rgb(3 13 13)
- HSL
- hsl(180 63% 3%)
- OKLCH
- oklch(0.148 0.018 195.4)
WCAG contrast: on white 19.67:1 (AAA) · on black 1.06:1 (Fail)
- #004B4E color page →
surface
#004B4E
- RGB
- rgb(0 75 78)
- HSL
- hsl(182 100% 15%)
- OKLCH
- oklch(0.375 0.064 199.4)
WCAG contrast: on white 9.92:1 (AAA) · on black 2.11:1 (Fail)
- #008386 color page →
primary
#008386
- RGB
- rgb(0 131 134)
- HSL
- hsl(181 100% 26%)
- OKLCH
- oklch(0.553 0.094 197.6)
WCAG contrast: on white 4.57:1 (AA) · on black 4.59:1 (AA)
- #5DBDBC color page →
accent
#5DBDBC
- RGB
- rgb(93 189 188)
- HSL
- hsl(179 42% 55%)
- OKLCH
- oklch(0.74 0.091 194.5)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.47:1 (AAA)
- #D2F1F0 color page →
text
#D2F1F0
- RGB
- rgb(210 241 240)
- HSL
- hsl(178 53% 88%)
- OKLCH
- oklch(0.936 0.032 194.2)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.58:1 (AAA)
Export Teal Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #030d0d;
--surface: #004b4e;
--primary: #008386;
--accent: #5dbdbc;
--text: #d2f1f0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #030d0d;
--color-surface: #004b4e;
--color-primary: #008386;
--color-accent: #5dbdbc;
--color-text: #d2f1f0;
}JSON (DTCG tokens)
{
"teal-noir-tl": {
"bg": {
"$type": "color",
"$value": "#030d0d"
},
"surface": {
"$type": "color",
"$value": "#004b4e"
},
"primary": {
"$type": "color",
"$value": "#008386"
},
"accent": {
"$type": "color",
"$value": "#5dbdbc"
},
"text": {
"$type": "color",
"$value": "#d2f1f0"
}
}
}About this palette
Teal Noir is a 5-color OKLCH-ready palette tagged trending, blue, cold, 5 colors. Hex values: #030D0D, #004B4E, #008386, #5DBDBC, #D2F1F0. APCA contrast score Lc 8.5. 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 Teal Noir by OKLab color distance.