Navy Basin color palette — #DCE4CE · #00613D · #003D7B · #002816 · #000514
A conversation between Navy and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DCE4CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#00613D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#003D7B): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Forest (#002816): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000514): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, muted.
Use it as a design system
One click turns Navy Basin 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
- Abyss Garden color palette (#C5E7DD, #004B3D, #003756, #262600, #000202)
- Shadow Abyss color palette (#DAF2D7, #005E59, #4C3D00, #002724, #080500)
- Shadow Studio color palette (#DBE7D6, #556800, #1D262A, #001915, #000302)
- Eclipse Aubergine color palette (#D7E2D8, #005D1C, #67005C, #002707, #030003)
- Timeworn Chestnut color palette (#D9E4D6, #007E74, #705500, #00433D, #231900)
- Deep Garnet Thicket color palette (#ECE9C8, #425B00, #790304, #192500, #140000)
- Washed Sapphire Hollow color palette (#EAD8F4, #006FE5, #00717A, #060E13, #000300)
- Lapis Study color palette (#D7E2D1, #00947D, #4B50E6, #005648, #1D2352)
Browse the whole catalog at Explore, or see today's palette.