Navy Basin color palette — #DFF1FF · #42587D · #2C2E67 · #300025 · #0E0003

Built around Navy, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Frost (#DFF1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#42587D): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#2C2E67): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#300025): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#0E0003): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.

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

• Timeworn Basalt color palette (#DFF0FF, #6077A5, #49477A, #511639, #2C020F)
• Cypress Loft color palette (#D2F4ED, #00676A, #00404F, #130F2F, #080013)
• Shadow Basalt color palette (#E9E3F5, #6D4F77, #57224C, #2E0900, #080200)
• Hushed Atelier color palette (#DDF2ED, #44859C, #414C82, #271B00, #040300)
• Shadow Courtyard color palette (#D7DDF5, #4354BA, #1D007F, #04002D, #00000B)
• Dusty Lagoon Workshop color palette (#E2E3D6, #438586, #00444B, #00201C, #000202)
• Muted Delta color palette (#FDE7F8, #908FB9, #68587E, #572932, #381607)
• Lowlit Nightshade color palette (#FEE6FB, #1C3FA8, #710035, #020068, #040001)

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