Hazy Coral color palette — #FFF1F4 · #CA8AD6 · #DD7267 · #4E80BF · #2D1018

Built around Coral Clay, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#CA8AD6): A luminous, balanced pink — the color of neon signs at night.
• Coral Clay (#DD7267): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#4E80BF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#2D1018): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Coral into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Amber Market color palette (#FFF1F0, #E67FAF, #D87A20, #7870C7, #2F0D1E)
• Worn Lilac Corridor color palette (#FFF0F9, #9A99FB, #C977A1, #008DA7, #2D0E23)
• Timeworn Mallow Pier color palette (#FFF1F1, #F29ACF, #E59366, #848CC9, #3E2223)
• Tempered Wisteria color palette (#FDF0FF, #FABFFF, #B676BD, #682F70, #1C001F)
• Feathered Peony color palette (#FFF2EE, #FF8766, #B0A000, #C055B8, #3E1004)
• Airy Peony Archive color palette (#FFF1F4, #FF4A8F, #C07700, #814ADC, #2A0010)
• Mustard Studio color palette (#FFF2EE, #FFB5B9, #D8B576, #B095C6, #47332D)
• Blush Veranda color palette (#FFF2EE, #E57789, #A48626, #526921, #290A04)

Browse the whole catalog at Explore, or see today's palette.