Tempered Amber color palette — #FFDDC4 · #D37A21 · #00679F · #753E00 · #00314F

Mustard takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Peach Cream (#FFDDC4): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#D37A21): A luminous, balanced gold — the color of old brass.
• Peacock (#00679F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#753E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Study color palette (#FFDCCE, #DA5300, #007C9B, #842F00, #003442)
• Ultramarine Lantern color palette (#FDDFBD, #C78322, #2F41ED, #6E4400, #131E77)
• Dusty Quarry color palette (#FFF4DB, #B7A425, #3C61E4, #695D00, #24366C)
• Amethyst Field color palette (#E9DDC5, #967C00, #764EBE, #574800, #2F1B51)
• Patina Amber color palette (#F5D8E3, #C07000, #00875A, #6F3E00, #001C0F)
• Ultramarine Ridge color palette (#F3DBC9, #A65B00, #005ECA, #4E359E, #391B00)
• Apricot Cabin color palette (#FFF3E6, #DDA262, #789BCB, #8F6A42, #5B445B)
• Grape Studio color palette (#F3E4B8, #A19722, #7400E8, #565000, #351569)

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