Tempered Pine Harbor color palette — #E2EDC0 · #8EAB71 · #458840 · #00673F · #00503D
Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E2EDC0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8EAB71): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#458840): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#00673F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00503D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Olive Loft color palette (#D4F6DA, #AFA663, #787C00, #4F6700, #32542C)
- Sunlit Lagoon Coast color palette (#BFEFE5, #81BB8E, #01986C, #006E5D, #07505F)
- Lagoon Meadow color palette (#DAFDFF, #7DC2A7, #008B69, #005339, #003926)
- Faded Moss Hollow color palette (#FFF3DA, #BCC877, #58AC42, #00805C, #165658)
- Sunlit Chartreuse Harbor color palette (#E5F3C3, #AEDD7D, #76C179, #579B71, #4A4D46)
- Ancient Olive Pier color palette (#E7FAF9, #C3E2FA, #7FCBDE, #698850, #275257)
- Misty Pine color palette (#E7FAF8, #74B082, #AC71AB, #007A39, #583258)
- Patina Cocoa Hollow color palette (#EDF9EE, #91B09B, #876E45, #72461C, #2A4338)
Browse the whole catalog at Explore, or see today's palette.