Palette · 5 colors · Lc 9.3
True Dark Orange Harbor palette
True Dark Orange Harbor: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FCEDE3, #C44C00, #0067B3, #432100, #100904, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCEDE3
surface
#C44C00
primary
#0067B3
accent
#432100
text
#100904
Colors in True Dark Orange Harbor: HEX, RGB, HSL & OKLCH
- #FCEDE3 color page →
bg
#FCEDE3
- RGB
- rgb(252 237 227)
- HSL
- hsl(24 81% 94%)
- OKLCH
- oklch(0.955 0.021 56.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.36:1 (AAA)
- #C44C00 color page →
surface
#C44C00
- RGB
- rgb(196 76 0)
- HSL
- hsl(23 100% 38%)
- OKLCH
- oklch(0.57 0.168 43.3)
WCAG contrast: on white 4.79:1 (AA) · on black 4.38:1 (Fail)
- #0067B3 color page →
primary
#0067B3
- RGB
- rgb(0 103 179)
- HSL
- hsl(205 100% 35%)
- OKLCH
- oklch(0.506 0.144 250.2)
WCAG contrast: on white 5.84:1 (AA) · on black 3.59:1 (Fail)
- #432100 color page →
accent
#432100
- RGB
- rgb(67 33 0)
- HSL
- hsl(30 100% 13%)
- OKLCH
- oklch(0.289 0.068 59.3)
WCAG contrast: on white 14.42:1 (AAA) · on black 1.45:1 (Fail)
- #100904 color page →
text
#100904
- RGB
- rgb(16 9 4)
- HSL
- hsl(25 60% 4%)
- OKLCH
- oklch(0.147 0.018 63.8)
WCAG contrast: on white 19.75:1 (AAA) · on black 1.06:1 (Fail)
Export True Dark Orange Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcede3;
--surface: #c44c00;
--primary: #0067b3;
--accent: #432100;
--text: #100904;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcede3;
--color-surface: #c44c00;
--color-primary: #0067b3;
--color-accent: #432100;
--color-text: #100904;
}JSON (DTCG tokens)
{
"true-dark-orange-harbor-2pw": {
"bg": {
"$type": "color",
"$value": "#fcede3"
},
"surface": {
"$type": "color",
"$value": "#c44c00"
},
"primary": {
"$type": "color",
"$value": "#0067b3"
},
"accent": {
"$type": "color",
"$value": "#432100"
},
"text": {
"$type": "color",
"$value": "#100904"
}
}
}About this palette
True Dark Orange Harbor is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #FCEDE3, #C44C00, #0067B3, #432100, #100904. APCA contrast score Lc 9.3. 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 Dark Orange Harbor by OKLab color distance.