Hazy Coral color palette — #FFF1F1 · #FFCBD1 · #E47B68 · #9A5500 · #5B4109

Coral Clay and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFCBD1): A whisper-light, dusty red — the color of embers at dusk.
• Coral Clay (#E47B68): A luminous, balanced orange — the color of toasted spice.
• Ochre (#9A5500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#5B4109): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Quiet Meadow color palette (#FFF1F2, #FFD5C6, #D78D38, #816600, #45460A)
• Quiet Coral color palette (#FDE5E9, #F68581, #B0543F, #7F4222, #3F2405)
• Faded Brick Thicket color palette (#FFF1F4, #FFC4F0, #E880A6, #AA403E, #5C341E)
• Blush Veranda color palette (#FFEEF7, #F17A87, #C06345, #7A4F1E, #34513A)
• Hushed Loft color palette (#FFF2EC, #DFDECC, #B4BFD6, #D597B3, #693E00)
• Marigold Grove color palette (#FFDECB, #E19E43, #847600, #3F5000, #00260C)
• Apricot Corridor color palette (#F9DEFF, #FFBAB6, #FF8967, #C47652, #5D3A48)
• Hushed Crimson color palette (#FBEAEE, #D04955, #843500, #381D00, #060400)

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