Navy Basin color palette — #E4F3F3 · #4C7EA3 · #003D6D · #001D29 · #000106

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F3F3): bright and airy, almost weightless.
• Slate (#4C7EA3): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003D6D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001D29): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Navy Coast color palette (#D6E4E3, #538FC5, #004693, #00293C, #00001D)
• Tempered Cerulean Coast color palette (#D9F6FF, #00A1B6, #00799D, #003E38, #000304)
• Lowlit Studio color palette (#D0E7E8, #006E75, #003034, #14161C, #000809)
• Antique Petrol Ridge color palette (#DDEDEA, #83BFC5, #007889, #004B48, #001921)
• Lowlit Abyss color palette (#CCE8EC, #00594D, #4E3700, #00251F, #020100)
• Aged Lagoon Studio color palette (#E7F6F2, #9FDDDA, #00959B, #006455, #002B30)
• Cellar Nightshade Hollow color palette (#CFE7F0, #00444B, #1E0093, #062B01, #000102)
• Shadow Cocoa color palette (#FDE3F1, #803D00, #491900, #220300, #030100)

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