Navy Basin color palette — #EAEFF7 · #A4A9B5 · #797C9C · #00327A · #081424

Navy takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EAEFF7): a clean, paper-quiet neutral.
• Ash (#A4A9B5): a calm mid-gray that lets other colors speak.
• Slate Blue (#797C9C): A full-bodied, dusty violet — the color of wild irises.
• Navy (#00327A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#081424): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Worn Navy Basin color palette (#E6EDF5, #9A9FB1, #916D93, #003862, #00040E)
• Muted Aubergine color palette (#E2E2F0, #AAA6B9, #887699, #4F007B, #121221)
• Denim Drift color palette (#E6DFE7, #C4ACB9, #AE8A90, #005495, #1B0E1D)
• Aubergine Balcony color palette (#EEEEF4, #CDCAD4, #A99AB2, #71348D, #2D2C39)
• Worn Harbor color palette (#F0F5FF, #CDD2E3, #A3A2C7, #303BDB, #273348)
• Hushed Pewter Lagoon color palette (#F7F4FA, #DFD7DA, #CCB9BD, #9B5D7F, #4B4551)
• Aged Basin color palette (#E4E9F7, #766295, #6C3A5A, #382B00, #102100)
• Lapis Balcony color palette (#D4DFF6, #2E97F3, #5E48FF, #6D007C, #110033)

Browse the whole catalog at Explore, or see today's palette.