Tempered Harbor color palette — #D4E6CC · #009974 · #00575D · #002A44 · #0E0049
Built around Fern, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#D4E6CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#009974): A luminous, balanced teal — the color of sea glass.
- Peacock (#00575D): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002A44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#0E0049): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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 Harbor color palette (#DDECDE, #00B897, #00909F, #006180, #001239)
- Emerald Thicket color palette (#EFE9C5, #329400, #005945, #002F33, #00152D)
- Misty Onyx Thicket color palette (#CCECD8, #007876, #004758, #001348, #100022)
- Dusty Navy Veranda color palette (#CBE6D8, #009199, #004D70, #160073, #21003B)
- Tempered Lagoon Canyon color palette (#C2EBE6, #00A2A6, #007582, #004351, #001722)
- Onyx Corridor color palette (#F2D9D9, #00785B, #004067, #4B0010, #001B1B)
- Dusty Loft color palette (#E9EEE3, #ACBFAF, #72978B, #00523A, #1C2215)
- Aged Workshop color palette (#CDE8D0, #6EB200, #008D87, #3B3EB8, #001924)
Browse the whole catalog at Explore, or see today's palette.