Shadow Harbor color palette — #D4E5D3 · #00504F · #172A2B · #001013 · #000300
Built around Forest, softened by Celadon Mist — the whole palette hums with sophistication and depth.
The five colors
- Celadon Mist (#D4E5D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#172A2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001013): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Shadow 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
- Nocturne Drift color palette (#D1E9CE, #4F5059, #003634, #0C1D1F, #000509)
- Timeworn Cerulean color palette (#DAF2DE, #0098A4, #004E5E, #0E2E18, #0B140B)
- Wandering Lantern color palette (#D0F3E6, #006896, #363640, #002447, #000D08)
- Aubergine Harbor color palette (#D1F2E7, #005D90, #6E00A3, #00483C, #000205)
- Hushed Azure Lagoon color palette (#D2EBE4, #2E94E9, #5C445A, #1D332D, #121B17)
- Eclipse Ultramarine color palette (#EFDAED, #004AB0, #0D0E43, #0D1419, #00020C)
- Pale Field color palette (#FCDFF5, #4A5FFF, #342875, #111836, #0D040D)
- Antique Market color palette (#FBEDF6, #8F91E5, #694F5B, #3F343B, #252024)
Browse the whole catalog at Explore, or see today's palette.