Tempered Harbor color palette — #E6E6D2 · #9DC69F · #58A376 · #3F8471 · #103114
Jade and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E6E6D2): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#9DC69F): A luminous, dusty green — the color of fresh herbs.
- Jade (#58A376): A luminous, balanced teal — the color of sea glass.
- Fern (#3F8471): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#103114): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Chalky Archive color palette (#F2EDC9, #9ED36F, #61AC58, #008C8F, #1D3600)
- Wandering Pine Studio color palette (#EBE4D3, #93AF7F, #1A8657, #126068, #1B3007)
- Spruce Balcony color palette (#F4F7E8, #A9D7B9, #72AF95, #758B6E, #2F3B00)
- Turquoise Loft color palette (#EEF0E0, #9AE1EA, #24B7D2, #00918E, #003442)
- Hushed Summit color palette (#D2ECE6, #659D67, #006638, #004435, #001802)
- Wandering Quarry color palette (#F3EFE0, #8CA34E, #4D8105, #00635E, #0C1200)
- Fern Lagoon color palette (#F6F6EA, #DCE1C2, #B0BC93, #86A28F, #4C5200)
- Soft Quarry color palette (#E7E8FF, #938EFF, #E35DA5, #0096B3, #1C1A3B)
Browse the whole catalog at Explore, or see today's palette.