Tempered Harbor color palette — #F4F6EE · #CAD7B3 · #76A894 · #A17339 · #43550E
Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Pistachio (#CAD7B3): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#76A894): A luminous, dusty teal — the color of sea glass.
- Walnut (#A17339): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#43550E): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Taupe Meadow color palette (#FFF4DE, #E7D7A3, #AA9A5D, #776933, #463B10)
- Fern Orchard color palette (#F6F6EC, #BCC5AD, #548D85, #7D5C5E, #44550E)
- Chestnut Lantern color palette (#FDF4E4, #DAE3C6, #9ECDB7, #AF9878, #634D00)
- Olive Quarry color palette (#EBE4D2, #A3AA77, #657B3A, #734C21, #282C00)
- Washed Field color palette (#EBF8F7, #C6DAF6, #81BDA6, #788D76, #374A4A)
- Ancient Orchard color palette (#EFEEDB, #76A06B, #237239, #54430F, #052200)
- Softworn Mustard Lantern color palette (#FFF4E0, #C9AF67, #72B68C, #BE7F7B, #46423B)
- Aged Driftwood Veranda color palette (#FEF3E6, #DEBF90, #D19FC0, #AB8547, #684043)
Browse the whole catalog at Explore, or see today's palette.