Palette · 8 colors · Lc 9.5
True Teal With It Fog palette
True Teal With It Fog: a 8-color palette (Blue, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #EDF2F3, #AFCCD5, #7BB4C0, #478697, #1F6878, #004E5D, #0C2931, #050809, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Gray
- Cold
- Monochromatic
- 8 Colors
bg
#EDF2F3
surface
#AFCCD5
muted
#7BB4C0
primary
#478697
secondary
#1F6878
accent
#004E5D
highlight
#0C2931
text
#050809
Colors in True Teal With It Fog: HEX, RGB, HSL & OKLCH
- #EDF2F3 color page →
bg
#EDF2F3
- RGB
- rgb(237 242 243)
- HSL
- hsl(190 20% 94%)
- OKLCH
- oklch(0.958 0.006 211)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.59:1 (AAA)
- #AFCCD5 color page →
surface
#AFCCD5
- RGB
- rgb(175 204 213)
- HSL
- hsl(194 31% 76%)
- OKLCH
- oklch(0.827 0.034 218.5)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.42:1 (AAA)
- #7BB4C0 color page →
muted
#7BB4C0
- RGB
- rgb(123 180 192)
- HSL
- hsl(190 35% 62%)
- OKLCH
- oklch(0.735 0.062 212.2)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.13:1 (AAA)
- #478697 color page →
primary
#478697
- RGB
- rgb(71 134 151)
- HSL
- hsl(193 36% 44%)
- OKLCH
- oklch(0.585 0.07 217.5)
WCAG contrast: on white 4.09:1 (Fail) · on black 5.12:1 (AA)
- #1F6878 color page →
secondary
#1F6878
- RGB
- rgb(31 104 120)
- HSL
- hsl(191 59% 30%)
- OKLCH
- oklch(0.48 0.074 215.6)
WCAG contrast: on white 6.34:1 (AA) · on black 3.30:1 (Fail)
- #004E5D color page →
accent
#004E5D
- RGB
- rgb(0 78 93)
- HSL
- hsl(190 100% 18%)
- OKLCH
- oklch(0.391 0.07 216.3)
WCAG contrast: on white 9.34:1 (AAA) · on black 2.24:1 (Fail)
- #0C2931 color page →
highlight
#0C2931
- RGB
- rgb(12 41 49)
- HSL
- hsl(193 61% 12%)
- OKLCH
- oklch(0.263 0.037 219)
WCAG contrast: on white 15.24:1 (AAA) · on black 1.37:1 (Fail)
- #050809 color page →
text
#050809
- RGB
- rgb(5 8 9)
- HSL
- hsl(195 29% 3%)
- OKLCH
- oklch(0.131 0.007 216.8)
WCAG contrast: on white 20.09:1 (AAA) · on black 1.04:1 (Fail)
Export True Teal With It Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf2f3;
--surface: #afccd5;
--muted: #7bb4c0;
--primary: #478697;
--secondary: #1f6878;
--accent: #004e5d;
--highlight: #0c2931;
--text: #050809;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf2f3;
--color-surface: #afccd5;
--color-muted: #7bb4c0;
--color-primary: #478697;
--color-secondary: #1f6878;
--color-accent: #004e5d;
--color-highlight: #0c2931;
--color-text: #050809;
}JSON (DTCG tokens)
{
"true-teal-with-it-fog-631": {
"bg": {
"$type": "color",
"$value": "#edf2f3"
},
"surface": {
"$type": "color",
"$value": "#afccd5"
},
"muted": {
"$type": "color",
"$value": "#7bb4c0"
},
"primary": {
"$type": "color",
"$value": "#478697"
},
"secondary": {
"$type": "color",
"$value": "#1f6878"
},
"accent": {
"$type": "color",
"$value": "#004e5d"
},
"highlight": {
"$type": "color",
"$value": "#0c2931"
},
"text": {
"$type": "color",
"$value": "#050809"
}
}
}About this palette
True Teal With It Fog is a 8-color OKLCH-ready palette tagged blue, gray, cold, monochromatic, 8 colors. Hex values: #EDF2F3, #AFCCD5, #7BB4C0, #478697, #1F6878, #004E5D, #0C2931, #050809. APCA contrast score Lc 9.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 True Teal With It Fog by OKLab color distance.