Tempered Harbor color palette — #EEF8F4 · #AADDD8 · #60AC97 · #62867A · #3B5250
Built around Jade, softened by Silver — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#EEF8F4): a clean, paper-quiet neutral.
- Silver (#AADDD8): A whisper-light, dusty teal — the color of sea glass.
- Jade (#60AC97): A luminous, balanced teal — the color of shallow lagoons.
- Storm Blue (#62867A): A full-bodied, dusty teal — the color of sea glass.
- Charcoal Brown (#3B5250): A full-bodied, dusty teal — the color of sea glass.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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
- Washed Villa color palette (#F9F3F7, #D5D5E9, #75BCDA, #50967E, #425568)
- Airy Garden color palette (#D6FEFF, #7EDBD0, #00B8C1, #247E94, #3D556A)
- Washed Orchard color palette (#E9F8FF, #7DD3E4, #EE9591, #379BAD, #5A4558)
- Gentle Lagoon color palette (#D5F3EB, #63C190, #008A7F, #006387, #003821)
- Worn Driftwood color palette (#F6F6E9, #BBE2D9, #A4B58F, #8E8940, #434C00)
- Softworn Bloom color palette (#EBF7FF, #9AE3F8, #47ACD1, #26768A, #13394C)
- Emerald Thicket color palette (#D1EEE4, #439856, #006150, #003F4F, #001504)
- Pine Orchard color palette (#DAF1EB, #34875D, #005149, #1F3200, #000803)
Browse the whole catalog at Explore, or see today's palette.