Navy Basin color palette — #D6E6E5 · #4F7CA7 · #00397A · #001D2C · #00000C

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

The five colors

• Silver (#D6E6E5): bright and airy, almost weightless.
• Slate (#4F7CA7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00397A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Airy Studio color palette (#E9DED2, #4286BD, #172B93, #002227, #0B0125)
• Tempered Lagoon color palette (#D1E5E1, #258790, #00434E, #001F1E, #000202)
• Gentle Denim color palette (#E8EDDF, #5198D7, #0055AD, #00384F, #00032B)
• Worn Lagoon color palette (#E1ECEA, #75C1CE, #00778F, #004B4C, #001923)
• Ancient Cerulean color palette (#E4F6F3, #9CDDDF, #0094A2, #00635A, #002A33)
• Washed Chestnut color palette (#FBEED5, #7E5B00, #3A2800, #192320, #0E0700)
• Deep Aubergine color palette (#D2EAD0, #6A4200, #66005F, #2D1900, #030003)
• Tempered Olive color palette (#DDEEE1, #9A8A34, #606F00, #4A2D00, #020100)

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