Tempered Harbor color palette — #EBF8F9 · #62AA91 · #006B74 · #005E48 · #001C25
Pine takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF8F9): a clean, paper-quiet neutral.
- Jade (#62AA91): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#006B74): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E48): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#001C25): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Petrol Alley color palette (#EEF7F9, #77BDB9, #137A9C, #006E6B, #0E2735)
- Denim Thicket color palette (#EEF7FB, #30A9C6, #1F5DA7, #00596B, #07192E)
- Worn Forest color palette (#EDF8F4, #94A166, #087133, #4A5600, #001D1C)
- Patina Forest Courtyard color palette (#EAF4F3, #6FB371, #006BA1, #026817, #000711)
- Aubergine Lagoon color palette (#DAF5F2, #0098A0, #00647E, #472B7E, #00373F)
- Washed Cypress color palette (#D1E8F0, #00777E, #2A335D, #002D30, #000205)
- Turquoise Alley color palette (#E7F9FF, #6DDFD4, #00B8CB, #008AB8, #003C45)
- Feathered Workshop color palette (#EEF6FF, #4DA7F9, #6E39D3, #005897, #1F1539)
Browse the whole catalog at Explore, or see today's palette.