Palette · 9 colors · Lc 10
True Atlas Cedar Cascade palette
True Atlas Cedar Cascade: a 9-color palette (Blue, Gray, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #000708, #112123, #0C4545, #1B6161, #448283, #5DA1A5, #88C2BC, #B8DADB, #EAFDFA, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#000708
surface
#112123
muted
#0C4545
primary
#1B6161
secondary
#448283
accent
#5DA1A5
highlight
#88C2BC
border
#B8DADB
text
#EAFDFA
Colors in True Atlas Cedar Cascade: HEX, RGB, HSL & OKLCH
- #000708 color page →
bg
#000708
- RGB
- rgb(0 7 8)
- HSL
- hsl(188 100% 2%)
- OKLCH
- oklch(0.117 0.02 202.6)
WCAG contrast: on white 20.31:1 (AAA) · on black 1.03:1 (Fail)
- #112123 color page →
surface
#112123
- RGB
- rgb(17 33 35)
- HSL
- hsl(187 35% 10%)
- OKLCH
- oklch(0.235 0.022 205.8)
WCAG contrast: on white 16.59:1 (AAA) · on black 1.26:1 (Fail)
- #0C4545 color page →
muted
#0C4545
- RGB
- rgb(12 69 69)
- HSL
- hsl(180 70% 16%)
- OKLCH
- oklch(0.356 0.055 194.9)
WCAG contrast: on white 10.75:1 (AAA) · on black 1.95:1 (Fail)
- #1B6161 color page →
primary
#1B6161
- RGB
- rgb(27 97 97)
- HSL
- hsl(180 56% 24%)
- OKLCH
- oklch(0.451 0.067 195)
WCAG contrast: on white 7.16:1 (AAA) · on black 2.92:1 (Fail)
- #448283 color page →
secondary
#448283
- RGB
- rgb(68 130 131)
- HSL
- hsl(181 32% 39%)
- OKLCH
- oklch(0.566 0.064 196.9)
WCAG contrast: on white 4.40:1 (Fail) · on black 4.76:1 (AA)
- #5DA1A5 color page →
accent
#5DA1A5
- RGB
- rgb(93 161 165)
- HSL
- hsl(183 29% 51%)
- OKLCH
- oklch(0.666 0.069 200.5)
WCAG contrast: on white 2.95:1 (Fail) · on black 7.10:1 (AAA)
- #88C2BC color page →
highlight
#88C2BC
- RGB
- rgb(136 194 188)
- HSL
- hsl(174 32% 65%)
- OKLCH
- oklch(0.773 0.061 187.9)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.48:1 (AAA)
- #B8DADB color page →
border
#B8DADB
- RGB
- rgb(184 218 219)
- HSL
- hsl(182 33% 79%)
- OKLCH
- oklch(0.864 0.036 198.7)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.08:1 (AAA)
- #EAFDFA color page →
text
#EAFDFA
- RGB
- rgb(234 253 250)
- HSL
- hsl(171 83% 95%)
- OKLCH
- oklch(0.979 0.02 185.5)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.92:1 (AAA)
Export True Atlas Cedar Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000708;
--surface: #112123;
--muted: #0c4545;
--primary: #1b6161;
--secondary: #448283;
--accent: #5da1a5;
--highlight: #88c2bc;
--border: #b8dadb;
--text: #eafdfa;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000708;
--color-surface: #112123;
--color-muted: #0c4545;
--color-primary: #1b6161;
--color-secondary: #448283;
--color-accent: #5da1a5;
--color-highlight: #88c2bc;
--color-border: #b8dadb;
--color-text: #eafdfa;
}JSON (DTCG tokens)
{
"true-atlas-cedar-cascade-5jb": {
"bg": {
"$type": "color",
"$value": "#000708"
},
"surface": {
"$type": "color",
"$value": "#112123"
},
"muted": {
"$type": "color",
"$value": "#0c4545"
},
"primary": {
"$type": "color",
"$value": "#1b6161"
},
"secondary": {
"$type": "color",
"$value": "#448283"
},
"accent": {
"$type": "color",
"$value": "#5da1a5"
},
"highlight": {
"$type": "color",
"$value": "#88c2bc"
},
"border": {
"$type": "color",
"$value": "#b8dadb"
},
"text": {
"$type": "color",
"$value": "#eafdfa"
}
}
}About this palette
True Atlas Cedar Cascade is a 9-color OKLCH-ready palette tagged blue, gray, cold, 9 colors. Hex values: #000708, #112123, #0C4545, #1B6161, #448283, #5DA1A5, #88C2BC, #B8DADB, #EAFDFA. 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 True Atlas Cedar Cascade by OKLab color distance.