Hazy Ember Loft color palette — #FFDCCB · #EE3704 · #008A83 · #006661 · #3F0700

Scarlet and Fern set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFDCCB): A whisper-light, dusty orange — the color of toasted spice.
• Scarlet (#EE3704): A luminous, vivid orange — the color of sun-warmed clay.
• Fern (#008A83): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#006661): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#3F0700): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Washed Hollow color palette (#FFDADE, #F31366, #008A7F, #00665E, #410015)
• Ember Canyon color palette (#FFF2EE, #F6520E, #00937F, #00625B, #1E0400)
• Navy Canyon color palette (#FBE3CD, #C97400, #00787C, #003EA1, #370052)
• Dusty Amber Pier color palette (#FDDEC6, #E17826, #0069B3, #464495, #351500)
• Tangerine Studio color palette (#FFE0AA, #F16A00, #797200, #303AAD, #3C2200)
• Amber Lantern color palette (#F7EEDA, #A98D00, #168CB8, #00698F, #332400)
• Marigold Dune color palette (#F6E2C1, #CB9B00, #00B184, #008B90, #291D00)
• Antique Grove color palette (#FFF2DE, #A77D00, #486B00, #004A6D, #2C0019)

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