Tempered Basalt Harbor color palette — #F5F6EB · #C2E9CF · #5FAF9F · #62805D · #2F3F00
A conversation between Deep Olive and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Celadon Mist (#C2E9CF): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#5FAF9F): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#62805D): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#2F3F00): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Basalt 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 Fern color palette (#F8F5EC, #C6DED2, #96BA92, #7C8B72, #4F4700)
- Weathered Chapel color palette (#F8F6E2, #B0EAB3, #04AC7A, #007A7C, #18361B)
- Mint Boulevard color palette (#E9F9F6, #80C09F, #3B8274, #3F615C, #304748)
- Washed Abyss Parlor color palette (#F3F0DE, #668555, #004923, #00211E, #000200)
- Muted Lagoon Courtyard color palette (#F9F4ED, #C2DFE9, #7EC5EB, #009593, #1D483F)
- Weathered Fern Delta color palette (#EEDFC9, #98904D, #475500, #003517, #010100)
- Aged Lagoon color palette (#F5F6E8, #90CBA6, #008A73, #005C66, #001F0F)
- Aged Ridge color palette (#FFF4E0, #A6A764, #4E6B12, #004259, #080800)
Browse the whole catalog at Explore, or see today's palette.