Tempered Amber Alley color palette — #FFF2ED · #F1A99E · #C77248 · #8C5733 · #554F49

Coral Clay and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#F1A99E): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#C77248): A luminous, balanced orange — the color of toasted spice.
• Ochre (#8C5733): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#554F49): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Tempered Amber Alley 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 Workshop color palette (#FAF1FF, #FFB2B4, #CC8963, #917349, #395344)
• Chestnut Meadow color palette (#FEF3EB, #CCB39B, #A67258, #894B2C, #624000)
• Bronze Basin color palette (#FEF3EB, #D6A386, #4AA4CB, #A25F37, #335647)
• Washed Bronze color palette (#FFF3E7, #D7B079, #9F7E14, #6B6424, #4C5049)
• Dusty Peony Atelier color palette (#FFF1F3, #D29BBF, #BD6688, #90505E, #514946)
• Tangerine Drift color palette (#FED9CE, #F17700, #A15C00, #664700, #303E0D)
• Patina Lagoon color palette (#FFF3E8, #C5885A, #229F88, #7B6D9D, #47413C)
• Terracotta Atelier color palette (#F4D7D3, #9F3C00, #542600, #261200, #0C0500)

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