Tempered Amber color palette — #FFE9DC · #D8A76E · #BF7A60 · #975361 · #2F2201

A conversation between Caramel and Camel, giving this palette its sense of optimism and balance.

The five colors

• Cream (#FFE9DC): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D8A76E): A luminous, balanced gold — the color of old brass.
• Caramel (#BF7A60): A luminous, balanced orange — the color of toasted spice.
• Pewter (#975361): A full-bodied, balanced red — the color of embers at dusk.
• Onyx (#2F2201): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Wandering Amber color palette (#F0E4D4, #B6B67A, #AD8748, #96593D, #132B04)
• Tempered Quarry color palette (#FFE1F2, #C3936D, #9E5F42, #753832, #331F00)
• Apricot Pier color palette (#FFEAD8, #E4C474, #DF8E46, #B9635C, #333A0B)
• Cocoa Meadow color palette (#FFF2EB, #ECD5BD, #D4AC96, #AA8983, #5C4300)
• Weathered Summit color palette (#F7DCEC, #A67E4D, #8B3710, #541929, #001308)
• Gentle Amber Workshop color palette (#CCE6D4, #00B0C8, #B98700, #956C00, #00220F)
• Feathered Blush color palette (#DFF0E5, #3ED0EF, #E56284, #0098B2, #1E0402)
• Sunlit Grove color palette (#CEE4DD, #FC998D, #287DC4, #254B6E, #000F0B)

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