Tempered Navy Lagoon color palette — #ECF1E1 · #5D85A6 · #003C72 · #00202E · #000722

Navy takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF1E1): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#5D85A6): A luminous, dusty blue — the color of deep harbor water.
• Navy (#003C72): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000722): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Tempered 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

• Hushed Dune color palette (#EDF2E4, #6793C1, #00439B, #002C42, #040C3C)
• Tempered Delta color palette (#E0E1D4, #318F96, #00454E, #002220, #000B10)
• Worn Indigo color palette (#F7EDE3, #75A7CA, #4E6CCC, #005D5B, #0E0024)
• Muted Petrol color palette (#EEEFE7, #76BFC8, #007587, #00504E, #003442)
• Patina Cypress color palette (#D4EBD0, #5DA778, #008269, #233500, #090C00)
• Olive Lagoon color palette (#D8E6D7, #2C7A00, #083702, #172329, #020C00)
• Dusty Basin color palette (#F6F6EB, #83E1DE, #009199, #00685A, #004952)
• Abyss Quarry color palette (#CFE6D0, #004E17, #003B44, #312100, #000300)

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