Hazy Ember color palette — #FCF1FD · #60A7F3 · #F45B45 · #7A7300 · #12200F

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

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Cornflower (#60A7F3): A luminous, balanced blue — the color of open sky before noon.
• Coral Clay (#F45B45): A luminous, vivid orange — the color of toasted spice.
• Olive (#7A7300): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#12200F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy Ember 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

• Muted Crimson color palette (#E5FBF2, #5DC3FF, #D84A5A, #926F00, #16220D)
• Hushed Amber color palette (#FFF0FC, #9CB2FF, #C56400, #677D1B, #0A2514)
• Blush Balcony color palette (#FFEBF8, #A2A8FF, #E06387, #8A6B00, #003429)
• Aged Peony color palette (#E9FBEB, #00B9C5, #D867A6, #AA6318, #1C1E08)
• Wisteria Study color palette (#FFF1F6, #B986F8, #B88600, #358750, #06261F)
• Iris Harbor color palette (#EBDAEA, #6695FF, #A84600, #4D5D00, #000B0C)
• Pale Azure color palette (#ECF7FF, #0094E8, #8C6B00, #624A00, #000C09)
• Quiet Harbor color palette (#FEECD0, #A3B5FF, #B57BD4, #956D00, #422636)

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