Navy Basin color palette — #ECDBE2 · #3C89B2 · #00397D · #002223 · #06002B

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

The five colors

• Shell Pink (#ECDBE2): A whisper-light, dusty rose — the color of pressed rose petals.
• Cerulean (#3C89B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00397D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#002223): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#06002B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Worn Courtyard color palette (#F7E8F4, #428D97, #004359, #00231A, #000919)
• Powdered Nightshade Ridge color palette (#F8E6EC, #5097C6, #003BAF, #002F33, #120240)
• Denim Villa color palette (#D1E4E3, #519BC6, #005D93, #003949, #00091A)
• Frosted Hollow color palette (#F6ECDE, #65A9D0, #2F77BB, #005B67, #00002F)
• Worn Petrol color palette (#F5EBF2, #7DBFBF, #00748C, #005334, #00314C)
• Jade Lagoon color palette (#DDE7C4, #62B16F, #00828B, #3F2B00, #001201)
• Aubergine Boulevard color palette (#D9F4E8, #535500, #60007C, #212200, #0D0014)
• Velvet Olive color palette (#DAE2D2, #417900, #1E3700, #0A1918, #020B00)

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