Tempered Harbor color palette — #EDF8F3 · #C9DEE5 · #A1C1C8 · #636400 · #001109
A conversation between Olive and Ash, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Silver (#C9DEE5): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#A1C1C8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Olive (#636400): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#001109): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Hushed Chestnut color palette (#FDF2F6, #CCE2E1, #A0C3BD, #8B4E00, #17070E)
- Washed Corridor color palette (#DAE4E0, #9EBAB5, #729594, #414900, #010E09)
- Ancient Moss color palette (#E1E0D5, #B6C5B4, #94AF9B, #7B8A00, #231F10)
- Antique Lagoon Basin color palette (#EFF7F9, #D7DBE4, #C1BFD3, #008882, #062328)
- Dusty Canyon color palette (#E8FBEA, #9AAB69, #067240, #4E3700, #060900)
- Inked Thicket color palette (#D3F3EE, #16740F, #2E2E36, #001715, #000201)
- Emerald Studio color palette (#E9F9F7, #CEE0ED, #C1BBDE, #239723, #102A27)
- Tempered Amber Hollow color palette (#FFE4FE, #A68600, #00644B, #4F003E, #030400)
Browse the whole catalog at Explore, or see today's palette.