Tempered Harbor color palette — #F7F7E1 · #9AE1B9 · #25BDAF · #4992B5 · #393C35
A conversation between Turquoise and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#9AE1B9): A whisper-light, balanced teal — the color of sea glass.
- Turquoise (#25BDAF): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#4992B5): A luminous, balanced blue — the color of deep harbor water.
- Charcoal (#393C35): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Jade Workshop color palette (#FFF4DB, #BBDB95, #62BB82, #43979C, #2F4212)
- Teal Parlor color palette (#F1F9E5, #92EDD3, #00A999, #007A80, #00372C)
- Misty Teal color palette (#F1EDC9, #8BD4A1, #00AF98, #9A6599, #00381A)
- Hazy Teal Lagoon color palette (#FDF3EB, #BFF2DC, #84BAFB, #00A5A7, #343A6D)
- Wandering Basalt color palette (#F9F5EB, #D9D7B4, #8AB999, #AA8392, #494400)
- Ancient Cypress color palette (#DCFAF2, #72BA93, #007C73, #17536D, #002627)
- Softworn Mustard color palette (#EEE3D7, #CABB6F, #849B58, #66729F, #302900)
- Timeworn Jade Atelier color palette (#EDE9D8, #69AA64, #008465, #694675, #011501)
Browse the whole catalog at Explore, or see today's palette.