Tempered Pine Harbor color palette — #FFF2EE · #66E1DD · #009CBD · #06791B · #00345D
Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Lagoon (#66E1DD): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009CBD): A luminous, balanced blue — the color of open sky before noon.
- Olive (#06791B): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered Pine 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
- Gentle Cornflower Courtyard color palette (#FFF2EB, #86D8F2, #0091EF, #00755D, #282C62)
- Turquoise Quarry color palette (#FFF0FA, #B1FFFC, #00ACC8, #007746, #00283C)
- Soft Forest Alley color palette (#E9DCD7, #71C1C3, #0080A5, #005E28, #001E43)
- Turquoise Boulevard color palette (#F6F6E8, #96EBE8, #00C2CA, #009A85, #003A42)
- Wandering Aqua color palette (#E6FCEA, #30D0CD, #007C8A, #005841, #003949)
- Tempered Sky Dune color palette (#FBF3F0, #CCEFD5, #53AFE5, #3C8C67, #583D55)
- Feathered Jade color palette (#DFEDD9, #00BA8E, #008F86, #006578, #00324C)
- Sunlit Emerald color palette (#E0FDDD, #AAE2FF, #B3AAFF, #009738, #003A44)
Browse the whole catalog at Explore, or see today's palette.