Tempered Lagoon color palette — #F0E7E2 · #3D8394 · #003F65 · #002016 · #01000C

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

The five colors

• Parchment (#F0E7E2): bright and airy, almost weightless.
• Cerulean (#3D8394): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003F65): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002016): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#01000C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Navy Drift color palette (#EDE1D7, #548376, #26278F, #001F20, #020007)
• Moonless Boulevard color palette (#C8E3F5, #00668C, #002F3F, #241D23, #000811)
• Denim Lantern color palette (#DBE9DD, #73ACBB, #005D7D, #002B2A, #000104)
• Weathered Pewter Corridor color palette (#E1F4E9, #6E89C9, #8D5389, #003C33, #000306)
• Garnet Terrace color palette (#DBF5EA, #005374, #740010, #002232, #050000)
• Cobalt Terrace color palette (#EFE7E2, #8FBFAF, #4C65B4, #004B4A, #1B0935)
• Charred Garnet color palette (#E3F2FB, #00415B, #571A00, #2B1800, #000103)
• Shadow Fern color palette (#FFECD5, #5A5400, #3A2500, #1F0500, #000200)

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