Tempered Bronze color palette — #F9D6E9 · #B07C68 · #766B28 · #363A67 · #16203C

A conversation between Olive and Navy, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F9D6E9): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#B07C68): A luminous, dusty orange — the color of sun-warmed clay.
• Olive (#766B28): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#363A67): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#16203C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Tempered Balcony color palette (#DBDCFF, #AB7C8E, #875325, #254467, #021F3E)
• Ancient Olive Boulevard color palette (#F3E4F9, #AF859A, #656F33, #4D2D4E, #2F0F30)
• Weathered Amber Meadow color palette (#F1DCE9, #C88B4B, #786F3B, #0D5263, #243B52)
• Fern Basin color palette (#FFE8F0, #A7734C, #3B6200, #3A2255, #12112F)
• Worn Denim color palette (#FFF2EB, #DBB283, #908B5A, #006276, #102E51)
• Timeworn Bronze Ridge color palette (#FFE8E2, #8A6C00, #004E34, #341A40, #170022)
• Weathered Oat color palette (#FFEBF7, #B5D6C7, #779799, #72667E, #403947)
• Quiet Hollow color palette (#F2D9D8, #C59356, #1F7E35, #6B0D3D, #430023)

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