Tempered Harbor color palette — #D1F7E7 · #9CBB6E · #008943 · #005A3E · #00333A
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D1F7E7): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9CBB6E): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008943): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005A3E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#00333A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
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
- Teal Lantern color palette (#BBEEE5, #69BF96, #009083, #005A5D, #002C3E)
- Dusty Pier color palette (#FDEDD2, #B4A150, #6A7E00, #325502, #003735)
- Wisteria Study color palette (#E2F7F7, #56BA89, #B66EBB, #00784C, #29213F)
- Soft Lime color palette (#EEEEBB, #A3CB66, #4BAF70, #357E63, #334A2E)
- Wandering Drift color palette (#E2EDDB, #009D54, #007058, #003F3A, #001E22)
- Dusty Bronze Chapel color palette (#E7F7E9, #B1AE81, #8F6F2F, #6B401F, #122722)
- Midnight Forest Archive color palette (#CFEDD9, #00644E, #003939, #001418, #000204)
- Dusty Powder color palette (#E2F7F5, #C1DFFB, #92CBF5, #6F7E44, #193639)
Browse the whole catalog at Explore, or see today's palette.