Bronze Harbor color palette — #E4F7F0 · #BDD9F3 · #95CFC1 · #8B7B3D · #183631
A conversation between Walnut and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#E4F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#BDD9F3): A whisper-light, dusty blue — the color of deep harbor water.
- Mint Leaf (#95CFC1): A luminous, dusty teal — the color of shallow lagoons.
- Walnut (#8B7B3D): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#183631): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns 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 Drift color palette (#E8F7E7, #BAE2DE, #C2D99E, #AB6C50, #203926)
- Aged Delta color palette (#E5F6F5, #C8D5F1, #B4B0D4, #82956A, #1F3F40)
- Patina Aqua color palette (#FBF5E5, #B4EADE, #5ED0E0, #A4714E, #494942)
- Feathered Pine Archive color palette (#D8F9FD, #B0E0FA, #75C9F7, #1E8C4C, #00322D)
- Linen Turquoise color palette (#CDFDF7, #84EBC7, #00C2C7, #5A6800, #00210D)
- Cocoa Lantern color palette (#FCEDF6, #C49FB0, #9A6653, #713937, #172815)
- Wandering Periwinkle color palette (#DBF7FD, #81D7E3, #52AFF1, #006C4B, #001F27)
- Tempered Lantern color palette (#E5F6F5, #C7B080, #316143, #003118, #020F0F)
Browse the whole catalog at Explore, or see today's palette.