Tempered Amber Canyon color palette — #FEF2F0 · #DF9AB2 · #BD7953 · #746B22 · #5B3540

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

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Ballet Pink (#DF9AB2): A luminous, balanced rose — the color of a warm blush.
• Caramel (#BD7953): A luminous, balanced orange — the color of toasted spice.
• Olive (#746B22): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#5B3540): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns Tempered Amber Canyon 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

• Worn Driftwood Lagoon color palette (#FEF1F5, #BFA3DD, #BE718A, #8C5C3D, #51394D)
• Timeworn Driftwood Workshop color palette (#FCF3ED, #D9A480, #978E48, #45764F, #334934)
• Tempered Amber color palette (#FFEEE3, #D97743, #837100, #006126, #491728)
• Timeworn Blush Loft color palette (#FFEAE8, #FFB5C5, #DB7D8A, #A26463, #554D4A)
• Fern Terrace color palette (#FFF2EF, #EAC5B8, #BF9E8B, #94886A, #5A5000)
• Tempered Basin color palette (#FEF1F4, #B97EC6, #816F39, #235F51, #344933)
• Softworn Blush Boulevard color palette (#FDEEED, #D27AAB, #6A514D, #423434, #271F20)
• Dusty Taupe color palette (#F6F3FF, #E6B5DF, #D09E71, #639473, #244561)

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