Tempered Bronze Harbor color palette — #ECF5E6 · #B3D3C0 · #AE8CA6 · #8A5F21 · #3F3C35
A conversation between Ochre and Dusty Rose, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#ECF5E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Oat (#B3D3C0): A whisper-light, dusty teal — the color of sea glass.
- Dusty Rose (#AE8CA6): A luminous, dusty pink — the color of peonies in June.
- Ochre (#8A5F21): A full-bodied, balanced gold — the color of honey in a jar.
- Charcoal (#3F3C35): quiet, heavy and certain.
Feels like: Optimism, Sophistication. 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
- Bronze Study color palette (#F0F5DF, #BFD3BF, #86A39A, #935C2D, #5F3F00)
- Dusty Olive color palette (#DCFAEC, #D9C3D5, #AE828A, #74691D, #474700)
- Hushed Courtyard color palette (#E3FAFF, #B8D7EA, #A1ABC6, #7E8C7E, #465045)
- Cobalt Boulevard color palette (#D1F0D2, #80B8E3, #7F78B2, #59542A, #333400)
- Lagoon Dune color palette (#F6F1E9, #CCC4A0, #688F62, #566752, #33312A)
- Aged Periwinkle Studio color palette (#F6F1EC, #C6E5E9, #879AD1, #367581, #442F3A)
- Dusty Amber color palette (#DFF8F1, #66A2D8, #C07B3B, #7C7C42, #182C27)
- Worn Meadow color palette (#CEEDDA, #6C91C4, #6D4F8B, #43413A, #251E01)
Browse the whole catalog at Explore, or see today's palette.