Palette · 4 colors · Lc 8.8
Starry Night Canvas palette
Starry Night Canvas: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #F4E3D3, #387348, #276390, #130701, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4E3D3
surface
#387348
accent
#276390
text
#130701
Colors in Starry Night Canvas: HEX, RGB, HSL & OKLCH
- #F4E3D3 color page →
bg
#F4E3D3
- RGB
- rgb(244 227 211)
- HSL
- hsl(29 60% 89%)
- OKLCH
- oklch(0.925 0.028 65.8)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.77:1 (AAA)
- #387348 color page →
surface
#387348
- RGB
- rgb(56 115 72)
- HSL
- hsl(136 35% 34%)
- OKLCH
- oklch(0.504 0.092 150.7)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #276390 color page →
accent
#276390
- RGB
- rgb(39 99 144)
- HSL
- hsl(206 57% 36%)
- OKLCH
- oklch(0.482 0.095 244.5)
WCAG contrast: on white 6.41:1 (AA) · on black 3.27:1 (Fail)
- #130701 color page →
text
#130701
- RGB
- rgb(19 7 1)
- HSL
- hsl(20 90% 4%)
- OKLCH
- oklch(0.145 0.03 59.4)
WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)
Export Starry Night Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e3d3;
--surface: #387348;
--accent: #276390;
--text: #130701;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e3d3;
--color-surface: #387348;
--color-accent: #276390;
--color-text: #130701;
}JSON (DTCG tokens)
{
"starry-night-canvas-537": {
"bg": {
"$type": "color",
"$value": "#f4e3d3"
},
"surface": {
"$type": "color",
"$value": "#387348"
},
"accent": {
"$type": "color",
"$value": "#276390"
},
"text": {
"$type": "color",
"$value": "#130701"
}
}
}About this palette
Starry Night Canvas is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #F4E3D3, #387348, #276390, #130701. APCA contrast score Lc 8.8. 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 Starry Night Canvas by OKLab color distance.