Tempered Amber color palette — #FFDEBF · #CF7D21 · #0066A4 · #734000 · #003052

A conversation between Mustard and Peacock, giving this palette its sense of trust and stability.

The five colors

• Peach Cream (#FFDEBF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#CF7D21): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#0066A4): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#734000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003052): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Feathered Archive color palette (#FBE0B9, #AA7C00, #0F61F3, #664900, #04276B)
• Patina Apricot Coast color palette (#FEDEC0, #F49729, #0084C3, #975800, #00314D)
• Dusty Ember color palette (#FFDDC9, #E14900, #007F89, #892900, #00353A)
• Quiet Amethyst color palette (#FFF4E1, #C99B25, #7644EB, #755700, #3B3065)
• Timeworn Grape color palette (#F3F0D9, #90AA31, #7551B9, #4E5F00, #392D54)
• Misty Chapel color palette (#FBE0BA, #AA7C00, #7C2DFE, #664900, #33136D)
• Soft Lapis color palette (#EAE6C9, #86A022, #592BED, #465600, #281F67)
• Periwinkle Courtyard color palette (#FFF3E6, #CFA876, #699ADF, #98671A, #594559)

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