Hazy Amber color palette — #FFF0F8 · #FFB4B8 · #C87136 · #5F4D00 · #192600

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Ballet Pink (#FFB4B8): A whisper-light, balanced red — the color of embers at dusk.
• Coral Clay (#C87136): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#5F4D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#192600): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Amber Villa color palette (#FFF1F2, #FFB997, #B98503, #465C00, #002515)
• Dusty Parlor color palette (#F8D4D7, #D05F08, #644C00, #152100, #000201)
• Antique Rose Market color palette (#F9F2FF, #F7B5DE, #C8666C, #7F3F00, #2A2400)
• Coral Archive color palette (#FFD3EC, #E67579, #964F00, #4C4200, #1C3700)
• Softworn Olive Market color palette (#FFF1F4, #EFD8BC, #C49253, #6D6A00, #00431B)
• Linen Thicket color palette (#FFD7D3, #FFA882, #E48421, #9B6C00, #393200)
• Muted Tangerine color palette (#FFEAE8, #F07747, #9E5700, #4C3200, #1A1600)
• Tempered Amber color palette (#FFF3E9, #C37336, #37352E, #1B0B00, #040000)

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