Hazy Ember color palette — #F3D3E7 · #9395F8 · #DC6C3A · #617A00 · #161636

Coral Clay and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F3D3E7): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender Blue (#9395F8): A luminous, balanced violet — the color of wild irises.
• Coral Clay (#DC6C3A): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#617A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#161636): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Rose Thicket color palette (#EEDAED, #6DA1F9, #DC4853, #1D7607, #002139)
• Timeworn Peony Lantern color palette (#E9D8E7, #679CF5, #DF5E83, #887200, #081938)
• Feathered Moss Pier color palette (#FCE8F2, #AAA0ED, #E08642, #50981B, #391A2C)
• Scarlet Alley color palette (#FDE7EC, #C071D3, #D94E4C, #257700, #001028)
• Wisteria Quarry color palette (#EFD7DC, #BE81D4, #B38A00, #008770, #280C31)
• Pine Lagoon color palette (#F8D4D3, #E873B6, #CC7A1A, #0E861D, #300D0F)
• Peony Cabin color palette (#E4E0BD, #98A0FF, #C559AD, #007957, #2B1943)
• Linen Violet color palette (#F6D5E1, #9753D7, #876D00, #006451, #090014)

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