Tempered Amber color palette — #FBF2F9 · #99B0DF · #BC9134 · #5671AB · #514C46

A conversation between Mustard and Slate, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Mauve (#99B0DF): A luminous, dusty violet — the color of wild irises.
• Mustard (#BC9134): A luminous, balanced gold — the color of old brass.
• Slate (#5671AB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. 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

• Powder Grove color palette (#FDECF9, #9DB1EE, #B69764, #616F9D, #35302A)
• Amber Courtyard color palette (#EDF9F1, #77BCCF, #D28069, #008098, #534B47)
• Mustard Quarry color palette (#EFF6FF, #A3C5FF, #CAAE66, #6D8CC3, #3C5443)
• Jade Ridge color palette (#FFF1F5, #C1A2D3, #75A869, #86619A, #4D4E46)
• Wandering Atelier color palette (#FFF0FB, #8394D2, #C86B5A, #51845F, #4D3C49)
• Weathered Stone color palette (#FDF1FA, #E6D7D5, #E6B3AC, #957999, #5C4B55)
• Weathered Pewter color palette (#FBF3F5, #D5BC95, #695280, #4A3039, #2C2220)
• Aged Corridor color palette (#FDF3EC, #CDB397, #A27558, #884B29, #604100)

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