Tempered Harbor color palette — #F0F7F2 · #BBDAC9 · #9CA164 · #8E7581 · #3F5248
Moss and Oat set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Oat (#BBDAC9): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#9CA164): A luminous, balanced green — the color of new leaves after rain.
- Driftwood (#8E7581): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal Brown (#3F5248): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Muted Moss Villa color palette (#EEF8F1, #CCC693, #919547, #5D7A66, #30493C)
- Softworn Ash color palette (#F0F8F0, #BFDEEE, #83BBB6, #82849C, #364C43)
- Worn Chestnut Field color palette (#FAF4EB, #E9DDBD, #BCB790, #AC948D, #5F4B00)
- Mallow Quarry color palette (#ECF9EE, #DDC08C, #E692C2, #A7874B, #544761)
- Washed Teal color palette (#E7FAF3, #AABB6A, #00BEAF, #BE835E, #334740)
- Moss Studio color palette (#E9FAF2, #B0C485, #5E991F, #8A5F1F, #344017)
- Washed Pine color palette (#D2EBE3, #87B46E, #1E882D, #695118, #1B2F0E)
- Moss Atelier color palette (#D4E3DA, #868A0D, #495B00, #403900, #101100)
Browse the whole catalog at Explore, or see today's palette.