Tempered Bronze color palette — #F8F1E6 · #C9AF89 · #7A9ED2 · #926A00 · #402640

A conversation between Ochre and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F1E6): a clean, paper-quiet neutral.
• Camel (#C9AF89): A luminous, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#7A9ED2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#926A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#402640): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Antique Bronze color palette (#F8F0E9, #CEAC8B, #63A4CF, #A35F00, #033A2D)
• Tempered Olive Canyon color palette (#F3F3E8, #B7B68C, #AA8EC9, #588023, #482432)
• Antique Iris Delta color palette (#FFF1F5, #CFA77F, #8B91DB, #99662C, #414C69)
• Wandering Powder Meadow color palette (#EEF9EF, #E0BF82, #90B0F4, #A98643, #3D4E67)
• Tempered Chestnut color palette (#F9F0E5, #C7BA9D, #967F59, #734F2F, #312C1B)
• Worn Driftwood Lantern color palette (#FCF0DD, #AD9A6B, #3E9CAB, #966493, #31250F)
• Patina Harbor color palette (#FBF0E0, #D4E3C4, #9BD2C0, #B08962, #413E38)
• Soft Indigo color palette (#F9F1DC, #B6AB37, #7759D5, #655D00, #240B53)

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