Navy Lagoon color palette — #F7EBDE · #537DA0 · #252790 · #001F20 · #020007

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

The five colors

• Cream (#F7EBDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#537DA0): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Indigo (#252790): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

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

• Patina Navy Terrace color palette (#E6E0D7, #5A85AA, #0B3682, #00212A, #05002C)
• Washed Lagoon color palette (#F2DDD5, #3B858C, #00415A, #00210F, #000107)
• Tempered Nightshade color palette (#D9E4DB, #76A7D3, #1A4EAA, #002A35, #01000A)
• Hazy Petrol Grove color palette (#FFEEE7, #6DCDD5, #007CA7, #00552F, #001642)
• Patina Lagoon Studio color palette (#E1E0CF, #2C987A, #006C90, #422B00, #000300)
• Shadow Aubergine color palette (#EFF0DD, #2B5A00, #520684, #0E2500, #020006)
• Deep Atelier color palette (#E2F3E1, #006E2C, #043404, #091819, #000901)
• Patina Cypress Study color palette (#F9F0E8, #C5E4D9, #7B8CB8, #006D6A, #411F30)

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