Tempered Bronze Harbor color palette — #FFD9E6 · #A05E3B · #464100 · #0F1B4C · #02022C

Built around Ochre, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD9E6): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#A05E3B): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#464100): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Indigo (#0F1B4C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#02022C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Bronze Harbor 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 Onyx color palette (#F8E6F7, #98554A, #56480B, #310F4E, #120012)
• Chestnut Studio color palette (#FFDEDF, #79551E, #1F3A14, #231134, #0A0016)
• Dusty Cocoa Delta color palette (#F0EAFF, #8C5C75, #643700, #002533, #00090F)
• Tempered Fern color palette (#FCDED4, #B98550, #635B00, #003E48, #000611)
• Midnight Chestnut Station color palette (#FBE7E5, #8B4100, #482E00, #1A1700, #020500)
• Quiet Harbor color palette (#F5DCC1, #7F4F00, #3E19BE, #3C2300, #020014)
• Navy Lagoon color palette (#F9EBF8, #A87087, #82522B, #332B78, #300430)
• Velvet Bronze Alley color palette (#EDEBD0, #897100, #473C00, #110E00, #020100)

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