Navy Coast color palette — #D9EFF2 · #00769A · #004D7A · #0F007D · #080027

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

The five colors

• Frost (#D9EFF2): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00769A): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#0F007D): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#080027): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Navy Coast 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

• Midnight Onyx color palette (#C1E7EF, #00749A, #004270, #030054, #010009)
• Weathered Courtyard color palette (#C8EFFE, #006CAA, #1B12C0, #250076, #110025)
• Washed Cypress Villa color palette (#D2F4E9, #007778, #005465, #002E3F, #000815)
• Navy Villa color palette (#E7F0FE, #3364C1, #854400, #00298F, #0D0300)
• Hushed Pier color palette (#DAE3FE, #5A74D0, #1532AF, #060058, #000010)
• Antique Peony color palette (#D1E4FB, #9C91D5, #B76D9A, #005464, #08002D)
• Tempered Aubergine Delta color palette (#D2E7FF, #5856C7, #5D00B2, #36004F, #160014)
• Airy Ultramarine color palette (#DEE3FF, #4442BC, #7F3200, #453E00, #01000F)

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