Hazy Coral color palette — #F3D5E1 · #C96D6A · #7F4600 · #403600 · #0E2C00

A conversation between Coral Clay and Bronze, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F3D5E1): A whisper-light, dusty rose — the color of strawberry cream.
• Coral Clay (#C96D6A): A luminous, balanced orange — the color of toasted spice.
• Bronze (#7F4600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#403600): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#0E2C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Aged Summit color palette (#FFE3E4, #BB733C, #665400, #213E00, #002E1D)
• Washed Terracotta Workshop color palette (#F1E5F6, #C46C99, #A71600, #4F2900, #2A2800)
• Muted Bronze color palette (#FFE7E1, #9E6200, #464000, #002404, #00120C)
• Amber Loft color palette (#FCDEE8, #FF8E78, #C67900, #756D00, #092B00)
• Frosted Navy color palette (#C7E8CD, #B74F6A, #634700, #0B2285, #421207)
• Weathered Fern color palette (#FFF1F0, #CF9A7A, #8E751D, #325D00, #004732)
• Softworn Aubergine color palette (#F0DDEB, #C38D7F, #7E6C36, #59356D, #4D2438)
• Pale Grove color palette (#FEEAF5, #F183D0, #D87600, #487D00, #302000)

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