Tempered Harbor color palette — #FCF5E1 · #C5BF9C · #969161 · #86621D · #414000
A conversation between Ochre and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCF5E1): A whisper-light, dusty green — the color of fresh herbs.
- Sand (#C5BF9C): A luminous, dusty green — the color of fresh herbs.
- Moss (#969161): A luminous, dusty green — the color of fresh herbs.
- Ochre (#86621D): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#414000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Hazy Terrace color palette (#FFE9E6, #F3AC91, #C08652, #805E00, #473E00)
- Ancient Driftwood Canyon color palette (#F0E7D3, #ACB385, #8D813F, #6E572B, #31312A)
- Timeworn Cocoa color palette (#F7E7D5, #876A2F, #633A00, #3E1700, #050300)
- Amber Garden color palette (#FEF2EF, #FDA9B4, #B08834, #B76370, #2C2213)
- Washed Pewter Ridge color palette (#FFF2F0, #DCC188, #985D72, #5A3834, #2F1C1A)
- Terracotta Grove color palette (#FFE8DA, #B87C51, #984322, #6C1C1F, #221200)
- Rust Station color palette (#F6D7C3, #E48D3B, #C05009, #88322C, #3A2400)
- Timeworn Blush Terrace color palette (#FFF2EF, #DE7C95, #59A172, #2E798F, #472A25)
Browse the whole catalog at Explore, or see today's palette.