Palette · 3 colors · Lc 8.7
Pure Cream Puff Harbor palette
Pure Cream Puff Harbor: a 3-color palette (Yellow, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FDF2F1, #F7BEA0, #462D2B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDF2F1
accent
#F7BEA0
text
#462D2B
Colors in Pure Cream Puff Harbor: HEX, RGB, HSL & OKLCH
- #FDF2F1 color page →
bg
#FDF2F1
- RGB
- rgb(253 242 241)
- HSL
- hsl(5 75% 97%)
- OKLCH
- oklch(0.969 0.012 23.7)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.14:1 (AAA)
- #F7BEA0 color page →
accent
#F7BEA0
- RGB
- rgb(247 190 160)
- HSL
- hsl(21 84% 80%)
- OKLCH
- oklch(0.846 0.077 49)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.82:1 (AAA)
- #462D2B color page →
text
#462D2B
- RGB
- rgb(70 45 43)
- HSL
- hsl(4 24% 22%)
- OKLCH
- oklch(0.327 0.037 24.4)
WCAG contrast: on white 12.56:1 (AAA) · on black 1.67:1 (Fail)
Export Pure Cream Puff Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fdf2f1;
--accent: #f7bea0;
--text: #462d2b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fdf2f1;
--color-accent: #f7bea0;
--color-text: #462d2b;
}JSON (DTCG tokens)
{
"pure-cream-puff-harbor-280": {
"bg": {
"$type": "color",
"$value": "#fdf2f1"
},
"accent": {
"$type": "color",
"$value": "#f7bea0"
},
"text": {
"$type": "color",
"$value": "#462d2b"
}
}
}About this palette
Pure Cream Puff Harbor is a 3-color OKLCH-ready palette tagged yellow, gray, warm, pastel, 3 colors. Hex values: #FDF2F1, #F7BEA0, #462D2B. APCA contrast score Lc 8.7. 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 Pure Cream Puff Harbor by OKLab color distance.