Tempered Bronze color palette — #EEE7F8 · #D2959C · #A66A4F · #306846 · #004646

Mocha and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EEE7F8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Rosewood Mist (#D2959C): A luminous, dusty red — the color of late-summer berries.
• Mocha (#A66A4F): A full-bodied, balanced orange — the color of toasted spice.
• Pine (#306846): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004646): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Dusty Summit color palette (#F9E0F3, #CD9C7D, #8E7A34, #1C6167, #243C52)
• Driftwood Cabin color palette (#F7ECFF, #CFACCC, #B37D58, #3B7562, #314F59)
• Tempered Driftwood Studio color palette (#D7DEF2, #C49CCB, #B26781, #60622D, #254427)
• Ancient Delta color palette (#E6E9F8, #B9809F, #966039, #264D60, #21314F)
• Ancient Driftwood Atelier color palette (#FFF1F4, #E0B1A1, #A77566, #656033, #2D2805)
• Dusty Corridor color palette (#FCD4D0, #B36E43, #795C04, #00474B, #001B2D)
• Petrol Corridor color palette (#FFEFFF, #E2B9D4, #88A488, #4B808C, #3C505E)
• Fern Boulevard color palette (#F2E1D5, #866F38, #4D5800, #003147, #050731)

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