Tempered Bronze color palette — #F9F2FF · #D98AAD · #937103 · #00564D · #151046

A conversation between Ochre and Bubblegum, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#D98AAD): A luminous, balanced rose — the color of strawberry cream.
• Ochre (#937103): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#00564D): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#151046): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Powdered Coast color palette (#FFF0F9, #EB8764, #628329, #005362, #250741)
• Blush Cabin color palette (#FCF1FD, #F79EA6, #9B8A3A, #006B5D, #162A4F)
• Ancient Fuchsia color palette (#F7F3FF, #D786C8, #AD5F1A, #1E5900, #001F28)
• Sunlit Raspberry Studio color palette (#FFEDEB, #C72F83, #714B00, #00462B, #002E4C)
• Taupe Quarry color palette (#FAF1FF, #ECD0E8, #BC9375, #447C6D, #004B52)
• Tempered Harbor color palette (#FCF0FF, #C6687E, #432C3E, #19061D, #020103)
• Misty Amber color palette (#E6FCE8, #BD8700, #007556, #00386D, #1D0016)
• Cobalt Corridor color palette (#EBF2FF, #98ACFF, #C59117, #096AB9, #102A54)

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