Hazy Amber color palette — #FFF0F8 · #FFC5A9 · #8CBDFF · #CB6C39 · #20395A
A conversation between Coral Clay and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Wheat (#FFC5A9): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sky (#8CBDFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Coral Clay (#CB6C39): A luminous, balanced orange — the color of sun-warmed clay.
- Navy (#20395A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Balance. Tagged light.
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
- Powdered Amber color palette (#EBF9EF, #F4D072, #9AB9FF, #A98500, #27375B)
- Gentle Ember Loft color palette (#FFF0FD, #FFC3BD, #0AD5E1, #CE625C, #133E4B)
- Mallow Pier color palette (#FFF3E9, #FFBA8D, #DBA6EF, #CD8E64, #50375A)
- Chestnut Coast color palette (#FFF3E8, #CC9065, #4592C0, #93531D, #1C4760)
- Apricot Alley color palette (#FFF1F6, #F7A563, #43B7EC, #6295D2, #3B222E)
- Tempered Basin color palette (#FFF0F7, #F6D7AF, #CD8D64, #915953, #21372A)
- Quiet Ultramarine color palette (#FEE5EE, #C6751E, #0051C0, #5A3000, #000106)
- Iris Grove color palette (#FFF1F5, #FFAD45, #797CEF, #955C00, #19055B)
Browse the whole catalog at Explore, or see today's palette.