Tempered Harbor color palette — #E5E9BB · #6A6D00 · #0052B6 · #5F0772 · #202100
Built around Cobalt, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E5E9BB): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#6A6D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Cobalt (#0052B6): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Royal Purple (#5F0772): A deep, shadowed, vivid pink — the color of a candy shop window.
- Onyx (#202100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Muted Coast color palette (#E9E8BA, #5C8820, #3D1EB9, #6A005A, #152500)
- Ancient Delta color palette (#FDE0B1, #885F00, #006085, #3D1D90, #2B1C00)
- Nightshade Lantern color palette (#EBFACB, #566E00, #1800CB, #540044, #271400)
- Aubergine Terrace color palette (#E3EDCA, #008447, #005276, #520061, #411400)
- Dusty Aubergine Thicket color palette (#D9E3C5, #007644, #66339B, #631531, #171E00)
- Patina Atelier color palette (#E7E3CD, #7B6B00, #8028A7, #5F006F, #0E0B00)
- Powdered Aubergine Terrace color palette (#E4EAB7, #99A127, #6749C9, #790F8E, #1F2200)
- Hazy Emerald Thicket color palette (#FEE1A4, #009735, #005F59, #58006F, #00321F)
Browse the whole catalog at Explore, or see today's palette.