Tempered Harbor color palette — #E6FAFA · #42B683 · #314A55 · #072324 · #010705
Built around Jade, softened by Charcoal — the whole palette hums with sophistication.
The five colors
- Ivory (#E6FAFA): A whisper-light, dusty teal — the color of sea glass.
- Jade (#42B683): A luminous, balanced teal — the color of sea glass.
- Charcoal (#314A55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#072324): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#010705): quiet, heavy and certain.
Feels like: Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered 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
- Muted Teal Garden color palette (#E9F8FD, #5BC1C0, #475764, #162F36, #071211)
- Wandering Cerulean color palette (#E9F8FF, #00A3BE, #273B62, #001823, #000202)
- Softworn Mint Pier color palette (#E1E7DA, #16C88D, #5E7859, #3D520D, #181913)
- Tempered Villa color palette (#D8F2F2, #008A60, #19363C, #06191A, #010807)
- Cerulean Terrace color palette (#D3E9F7, #0082A7, #1C2142, #120F15, #000409)
- Teal Cabin color palette (#EEF8F2, #B5E9F5, #68AE98, #7F774B, #19403A)
- Blush Meadow color palette (#EBF7FF, #6FC8EC, #DF8FA6, #D36B8D, #112E3F)
- Ancient Summit color palette (#F8F3F9, #D2D5E5, #7CC7E3, #53935D, #2A415A)
Browse the whole catalog at Explore, or see today's palette.