Tempered Harbor color palette — #E1FBFB · #5BB287 · #284D51 · #082323 · #010706
A conversation between Jade and Charcoal, giving this palette its sense of sophistication.
The five colors
- Ivory (#E1FBFB): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#5BB287): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal (#284D51): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#082323): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010706): a grounded near-black with real depth.
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
- Tempered Mint color palette (#D3EAE9, #5BC28A, #4E7782, #344F4F, #131A18)
- Hushed Harbor color palette (#E9F8FF, #00A3BF, #004259, #00191F, #000203)
- Tempered Lagoon color palette (#CBF7FF, #009283, #003233, #261F21, #000A08)
- Dusty Delta color palette (#E3FAFF, #6BCFC4, #72AEF1, #879E08, #003139)
- Taupe Canyon color palette (#EBF9F4, #BDE3EA, #84AA80, #707D4E, #1F3F39)
- Mustard Atelier color palette (#E5FAFF, #87E8E4, #D2BA64, #009E9B, #443700)
- Ancient Pier color palette (#EDF8F5, #D2E0EE, #6ECDCF, #03977F, #004850)
- Deep Denim color palette (#DCEAFA, #0062A7, #000D37, #090B13, #000104)
Browse the whole catalog at Explore, or see today's palette.