Navy Basin color palette — #D8F3F2 · #006390 · #120689 · #190028 · #0D0009

Indigo and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D8F3F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006390): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#120689): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#190028): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0D0009): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged 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

• Charred Chapel color palette (#CAF6ED, #006D83, #002C55, #160039, #0A000B)
• Midnight Ultramarine color palette (#DDEDF3, #2F4DB5, #420074, #22001E, #0D0001)
• Washed Nightshade Field color palette (#D3E4EE, #3571BC, #2F2CA9, #270058, #0B0012)
• Charred Pier color palette (#EFF2DE, #005460, #260065, #0E0F00, #000409)
• Airy Lapis Coast color palette (#D8F2F3, #008DBC, #2F37F6, #520086, #070004)
• Hushed Onyx color palette (#D9E1E7, #929AA9, #6F6E85, #002F45, #000A15)
• Navy Meadow color palette (#DBE7FD, #11008F, #201222, #0A0010, #020200)
• Hushed Ultramarine Harbor color palette (#E2EFFF, #008C93, #004BCB, #6A004C, #040021)

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