Palette · 3 colors · Lc 9.1
Pure Teal Brief palette
Pure Teal Brief: a 3-color palette (Blue, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #F7E6DF, #008285, #210F08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E6DF
accent
#008285
text
#210F08
Colors in Pure Teal Brief: HEX, RGB, HSL & OKLCH
- #F7E6DF color page →
bg
#F7E6DF
- RGB
- rgb(247 230 223)
- HSL
- hsl(18 60% 92%)
- OKLCH
- oklch(0.937 0.021 43.9)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.33:1 (AAA)
- #008285 color page →
accent
#008285
- RGB
- rgb(0 130 133)
- HSL
- hsl(181 100% 26%)
- OKLCH
- oklch(0.55 0.094 197.6)
WCAG contrast: on white 4.63:1 (AA) · on black 4.53:1 (AA)
- #210F08 color page →
text
#210F08
- RGB
- rgb(33 15 8)
- HSL
- hsl(17 61% 8%)
- OKLCH
- oklch(0.193 0.034 42.1)
WCAG contrast: on white 18.47:1 (AAA) · on black 1.13:1 (Fail)
Export Pure Teal Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e6df;
--accent: #008285;
--text: #210f08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e6df;
--color-accent: #008285;
--color-text: #210f08;
}JSON (DTCG tokens)
{
"pure-teal-brief-3up": {
"bg": {
"$type": "color",
"$value": "#f7e6df"
},
"accent": {
"$type": "color",
"$value": "#008285"
},
"text": {
"$type": "color",
"$value": "#210f08"
}
}
}About this palette
Pure Teal Brief is a 3-color OKLCH-ready palette tagged blue, gray, cold, 3 colors. Hex values: #F7E6DF, #008285, #210F08. APCA contrast score Lc 9.1. 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 Pure Teal Brief by OKLab color distance.