Hazy Amber color palette — #FCDFDD · #F1A78E · #D2894E · #788749 · #124800

A conversation between Mustard and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FCDFDD): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#F1A78E): A luminous, balanced orange — the color of toasted spice.
• Mustard (#D2894E): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#788749): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#124800): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Hazy Amber 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 Pine color palette (#F9E3D6, #D8B184, #B39641, #378C57, #004A39)
• Washed Terrace color palette (#F4E2DF, #CF8B70, #995500, #314700, #022B07)
• Tempered Mallow color palette (#EDD7EA, #E5A4C8, #D08D9D, #946E45, #4C3800)
• Stone Meadow color palette (#FAE3EB, #CDAE7C, #749F88, #508385, #003C43)
• Antique Abyss Courtyard color palette (#F9E2D4, #878356, #76683F, #14502C, #001610)
• Amber Pier color palette (#F1DEEE, #E09DA3, #BC773B, #056E89, #004364)
• Patina Atelier color palette (#FFF0FC, #F2D4E5, #D6B5C2, #90A6A0, #425653)
• Faded Peony Lantern color palette (#F7D8C7, #F97D23, #96A600, #E142AC, #3D1800)

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