Palette · 4 colors · Lc 10
Pure Teal Forge palette
Pure Teal Forge: a 4-color palette (Blue, Gray, Cold, UI System). HEX, RGB, HSL and OKLCH for #EFFBFB, #94BDBF, #0B7D7C, #041615, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFFBFB
surface
#94BDBF
accent
#0B7D7C
text
#041615
Colors in Pure Teal Forge: HEX, RGB, HSL & OKLCH
- #EFFBFB color page →
bg
#EFFBFB
- RGB
- rgb(239 251 251)
- HSL
- hsl(180 60% 96%)
- OKLCH
- oklch(0.979 0.013 196.9)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.86:1 (AAA)
- #94BDBF color page →
surface
#94BDBF
- RGB
- rgb(148 189 191)
- HSL
- hsl(183 25% 66%)
- OKLCH
- oklch(0.769 0.044 200)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.29:1 (AAA)
- #0B7D7C color page →
accent
#0B7D7C
- RGB
- rgb(11 125 124)
- HSL
- hsl(179 84% 27%)
- OKLCH
- oklch(0.535 0.089 193.8)
WCAG contrast: on white 4.95:1 (AA) · on black 4.23:1 (Fail)
- #041615 color page →
text
#041615
- RGB
- rgb(4 22 21)
- HSL
- hsl(177 69% 5%)
- OKLCH
- oklch(0.184 0.025 190.6)
WCAG contrast: on white 18.57:1 (AAA) · on black 1.13:1 (Fail)
Export Pure Teal Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #effbfb;
--surface: #94bdbf;
--accent: #0b7d7c;
--text: #041615;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #effbfb;
--color-surface: #94bdbf;
--color-accent: #0b7d7c;
--color-text: #041615;
}JSON (DTCG tokens)
{
"pure-teal-forge-50z": {
"bg": {
"$type": "color",
"$value": "#effbfb"
},
"surface": {
"$type": "color",
"$value": "#94bdbf"
},
"accent": {
"$type": "color",
"$value": "#0b7d7c"
},
"text": {
"$type": "color",
"$value": "#041615"
}
}
}About this palette
Pure Teal Forge is a 4-color OKLCH-ready palette tagged blue, gray, cold, ui system, 4 colors. Hex values: #EFFBFB, #94BDBF, #0B7D7C, #041615. APCA contrast score Lc 10. 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 Forge by OKLab color distance.