Tempered Harbor color palette — #F0ECC9 · #789300 · #006B32 · #003F34 · #001F20
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F0ECC9): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#789300): A luminous, balanced green — the color of fresh herbs.
- Pine (#006B32): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Washed Corridor color palette (#EEE1D5, #A58C00, #5D6400, #184200, #001F17)
- Emerald Delta color palette (#DFEAD4, #00A770, #00695F, #004249, #001923)
- Aged Atelier color palette (#E5E7D7, #84AF00, #00943B, #00694F, #003A34)
- Lime Garden color palette (#D0FA7C, #5CD300, #009F46, #006943, #002A21)
- Tempered Summit color palette (#CFF9E6, #9FCF8F, #439A75, #2D6A5F, #1D3B48)
- Weathered Ridge color palette (#CDF0F1, #28AE7F, #9F00A9, #005B3F, #29002C)
- Moss Pier color palette (#E5F1E6, #969300, #775400, #5B2200, #051700)
- Misty Meadow color palette (#D4FFD9, #5CE8DD, #6DB2FF, #786500, #00221A)
Browse the whole catalog at Explore, or see today's palette.