Tempered Amber color palette — #FFEFDD · #B87600 · #5376AA · #335280 · #23170A
A conversation between Mustard and Slate, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFEFDD): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B87600): A luminous, balanced gold — the color of old brass.
- Slate (#5376AA): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#335280): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#23170A): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Antique Ember Thicket color palette (#FFEEE5, #DB5432, #2E7EA5, #255872, #27150B)
- Sunlit Bronze Field color palette (#FDF0DA, #A48200, #8264AA, #64436E, #221806)
- Weathered Bronze color palette (#FFF1F6, #AF7130, #516FAD, #3B5281, #452934)
- Denim Thicket color palette (#F8F1E4, #936F00, #525CA7, #313763, #250E0D)
- Aged Moss Canyon color palette (#F8F1E1, #A18E18, #006E91, #5C2C58, #2F112C)
- Amber Archive color palette (#EDF9EC, #C59453, #359EB8, #68699B, #293728)
- Hushed Atelier color palette (#FFEFDE, #AF9D2D, #3B7A57, #4F3D62, #26230E)
- Marigold Orchard color palette (#F8F0E9, #E7A359, #00877C, #8E5500, #081106)
Browse the whole catalog at Explore, or see today's palette.