Navy Basin color palette — #DDE2D6 · #4F7CA9 · #00377E · #001D2C · #00000D

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

The five colors

• Bone (#DDE2D6): bright and airy, almost weightless.
• Slate (#4F7CA9): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00377E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#00000D): 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

• Hushed Veranda color palette (#EAECD9, #008895, #00434F, #001F1E, #000202)
• Antique Dune color palette (#F3E7DA, #60A8E8, #374D9E, #002A31, #010008)
• Dusty Courtyard color palette (#E9EADF, #6FC2D1, #007790, #004B4C, #001923)
• Muted Glacier color palette (#F2F4E0, #72E5E9, #0094A2, #00635B, #002A33)
• Dusty Cerulean Terrace color palette (#F0F3EA, #BEE6DA, #6291C6, #276682, #3A2239)
• Nocturne Field color palette (#FAE7CC, #654F00, #382600, #170B00, #020100)
• Faded Amber color palette (#FFE5E2, #CD704E, #945422, #56001A, #080000)
• Muted Balcony color palette (#F1F3EB, #BCEBE6, #7AA891, #537559, #223C32)

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