Navy Lagoon color palette — #D8E2F2 · #A17E0F · #162D80 · #020040 · #000010

Navy and Ochre set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#D8E2F2): A whisper-light, dusty blue — the color of deep harbor water.
• Ochre (#A17E0F): A luminous, balanced gold — the color of old brass.
• Navy (#162D80): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#020040): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#000010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Calm, Balance. Tagged luxury, dark, cool.

Use it as a design system

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

• Bronze Coast color palette (#E5F1FF, #B77027, #00386B, #000F25, #000206)
• Linen Aubergine color palette (#E1E6FD, #629436, #401484, #140033, #01000D)
• Ultramarine Boulevard color palette (#DCE5F6, #BCAE28, #4340CB, #210088, #09082E)
• Aubergine Ridge color palette (#DDDCEC, #8CB365, #6F388D, #39164A, #0B071D)
• Misty Mulberry Grove color palette (#F1EBFE, #879D4B, #6D2160, #33002B, #04000C)
• Navy Orchard color palette (#F1DEED, #AF3F60, #070063, #01001E, #050004)
• Pale Peony color palette (#D9E2F0, #ED5C85, #3550A9, #12205D, #00010A)
• Softworn Grape color palette (#EBEDF4, #B5B1C4, #A18CAD, #6523B0, #101127)

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