Palette · 10 colors · Lc 9
Flood Kiln palette
Flood Kiln: a 10-color palette (Pink, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #F0F3FE, #C6CAE6, #AEB2D6, #8592C6, #7077AC, #5F648F, #404372, #292F52, #1C2034, #0A0A0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 10 Colors
bg
#F0F3FE
surface
#C6CAE6
muted
#AEB2D6
primary
#8592C6
secondary
#7077AC
accent
#5F648F
highlight
#404372
border
#292F52
focus
#1C2034
text
#0A0A0E
Colors in Flood Kiln: HEX, RGB, HSL & OKLCH
- #F0F3FE color page →
bg
#F0F3FE
- RGB
- rgb(240 243 254)
- HSL
- hsl(227 88% 97%)
- OKLCH
- oklch(0.965 0.015 273.9)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.95:1 (AAA)
- #C6CAE6 color page →
surface
#C6CAE6
- RGB
- rgb(198 202 230)
- HSL
- hsl(233 39% 84%)
- OKLCH
- oklch(0.845 0.039 279.1)
WCAG contrast: on white 1.61:1 (Fail) · on black 12.99:1 (AAA)
- #AEB2D6 color page →
muted
#AEB2D6
- RGB
- rgb(174 178 214)
- HSL
- hsl(234 33% 76%)
- OKLCH
- oklch(0.772 0.051 280.1)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.13:1 (AAA)
- #8592C6 color page →
primary
#8592C6
- RGB
- rgb(133 146 198)
- HSL
- hsl(228 36% 65%)
- OKLCH
- oklch(0.669 0.079 273.3)
WCAG contrast: on white 3.03:1 (Fail) · on black 6.92:1 (AA)
- #7077AC color page →
secondary
#7077AC
- RGB
- rgb(112 119 172)
- HSL
- hsl(233 27% 56%)
- OKLCH
- oklch(0.585 0.082 277.8)
WCAG contrast: on white 4.26:1 (Fail) · on black 4.92:1 (AA)
- #5F648F color page →
accent
#5F648F
- RGB
- rgb(95 100 143)
- HSL
- hsl(234 20% 47%)
- OKLCH
- oklch(0.517 0.068 278.6)
WCAG contrast: on white 5.66:1 (AA) · on black 3.70:1 (Fail)
- #404372 color page →
highlight
#404372
- RGB
- rgb(64 67 114)
- HSL
- hsl(236 28% 35%)
- OKLCH
- oklch(0.403 0.079 279.5)
WCAG contrast: on white 9.27:1 (AAA) · on black 2.26:1 (Fail)
- #292F52 color page →
border
#292F52
- RGB
- rgb(41 47 82)
- HSL
- hsl(231 33% 24%)
- OKLCH
- oklch(0.318 0.063 274.9)
WCAG contrast: on white 12.94:1 (AAA) · on black 1.62:1 (Fail)
- #1C2034 color page →
focus
#1C2034
- RGB
- rgb(28 32 52)
- HSL
- hsl(230 30% 16%)
- OKLCH
- oklch(0.25 0.038 274.6)
WCAG contrast: on white 16.08:1 (AAA) · on black 1.30:1 (Fail)
- #0A0A0E color page →
text
#0A0A0E
- RGB
- rgb(10 10 14)
- HSL
- hsl(240 17% 5%)
- OKLCH
- oklch(0.147 0.009 285.3)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Flood Kiln: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f3fe;
--surface: #c6cae6;
--muted: #aeb2d6;
--primary: #8592c6;
--secondary: #7077ac;
--accent: #5f648f;
--highlight: #404372;
--border: #292f52;
--focus: #1c2034;
--text: #0a0a0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f3fe;
--color-surface: #c6cae6;
--color-muted: #aeb2d6;
--color-primary: #8592c6;
--color-secondary: #7077ac;
--color-accent: #5f648f;
--color-highlight: #404372;
--color-border: #292f52;
--color-focus: #1c2034;
--color-text: #0a0a0e;
}JSON (DTCG tokens)
{
"flood-kiln-4kr": {
"bg": {
"$type": "color",
"$value": "#f0f3fe"
},
"surface": {
"$type": "color",
"$value": "#c6cae6"
},
"muted": {
"$type": "color",
"$value": "#aeb2d6"
},
"primary": {
"$type": "color",
"$value": "#8592c6"
},
"secondary": {
"$type": "color",
"$value": "#7077ac"
},
"accent": {
"$type": "color",
"$value": "#5f648f"
},
"highlight": {
"$type": "color",
"$value": "#404372"
},
"border": {
"$type": "color",
"$value": "#292f52"
},
"focus": {
"$type": "color",
"$value": "#1c2034"
},
"text": {
"$type": "color",
"$value": "#0a0a0e"
}
}
}About this palette
Flood Kiln is a 10-color OKLCH-ready palette tagged pink, monochromatic, 10 colors. Hex values: #F0F3FE, #C6CAE6, #AEB2D6, #8592C6, #7077AC, #5F648F, #404372, #292F52, #1C2034, #0A0A0E. APCA contrast score Lc 9. 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 Flood Kiln by OKLab color distance.