Tempered Cobalt Harbor color palette — #D4E8E4 · #009B8C · #077ED2 · #657100 · #12250A
A conversation between Azure and Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D4E8E4): A whisper-light, dusty teal — the color of sea glass.
- Fern (#009B8C): A luminous, balanced teal — the color of shallow lagoons.
- Azure (#077ED2): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#657100): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#12250A): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Cobalt 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
- Cornflower Villa color palette (#D1EED1, #00AAAC, #5B87DA, #658246, #1A321C)
- Emerald Thicket color palette (#DCE2CD, #00A152, #0088A3, #846300, #00270F)
- Airy Veranda color palette (#C6E7D6, #008EB2, #865AAD, #2D6123, #012114)
- Frosted Indigo Coast color palette (#D4EEF5, #0096B0, #6C65E4, #007F36, #00242C)
- Quiet Dune color palette (#DBEEFC, #0096DA, #A932FF, #008269, #00273D)
- Wandering Grape Lagoon color palette (#DEE6DA, #007D6C, #6D41AD, #733D00, #002620)
- Aged Teal color palette (#90FDF3, #00C5B7, #008C7F, #004F49, #001A17)
- Aqua Lagoon color palette (#DBF4D4, #8DECEF, #43C9E6, #108A71, #213922)
Browse the whole catalog at Explore, or see today's palette.