Tempered Harbor color palette — #E9DFC7 · #97934B · #7F6E00 · #604900 · #0B0D00
Walnut and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E9DFC7): A whisper-light, dusty gold — the color of old brass.
- Moss (#97934B): A luminous, balanced green — the color of fresh herbs.
- Walnut (#7F6E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Bronze (#604900): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#0B0D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, 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
- Aged Bronze color palette (#FFECD8, #AD8856, #9B5D00, #753B00, #110A00)
- Muted Moss Quarry color palette (#D9EADF, #818F2E, #5C4C00, #321C00, #000200)
- Bronze Market color palette (#F1E0CC, #C8AD81, #B58441, #9B5800, #2E2200)
- Pale Garden color palette (#EADEB5, #B3C170, #9D9A00, #827100, #212E00)
- Brick Quarry color palette (#FFEBE4, #E27477, #A56000, #C10032, #040100)
- Softworn Workshop color palette (#FBF5E2, #DAD1AD, #B2AF7E, #9A873E, #463E00)
- Weathered Grove color palette (#E8F2CF, #C17D00, #F0087A, #4F0023, #070000)
- Airy Violet color palette (#FDE4EF, #8954EB, #008275, #00606D, #070017)
Browse the whole catalog at Explore, or see today's palette.