Navy Coast color palette — #E1FFCC · #69D7B6 · #0FA4B3 · #326F9D · #2C357A
Built around Navy, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Custard (#E1FFCC): A whisper-light, dusty green — the color of a quiet forest floor.
- Aqua (#69D7B6): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0FA4B3): A luminous, balanced blue — the color of deep harbor water.
- Slate (#326F9D): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2C357A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Navy Coast 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
- Linen Aqua color palette (#C7FFE3, #40D8DC, #449FCC, #5263A4, #52286C)
- Chartreuse Delta color palette (#FBF4B1, #A5D77D, #3CA383, #00778B, #003B68)
- Quiet Coast color palette (#DFFFE3, #A0EDF9, #38B6BF, #007697, #002A6B)
- Linen Cerulean Archive color palette (#D5FFFA, #61C0C3, #008695, #005B6E, #00435B)
- Ultramarine Boulevard color palette (#D2E5D7, #00BEBC, #0083A4, #0039D5, #3C0068)
- Mint Dune color palette (#FFF0FE, #36CD9E, #448DC2, #875353, #24424A)
- Aubergine Drift color palette (#D1EBE2, #008092, #00497B, #290063, #08000D)
- Aged Lagoon color palette (#D7F1D6, #009980, #006071, #00295B, #080027)
Browse the whole catalog at Explore, or see today's palette.