Tempered Lagoon color palette — #E0E1CE · #359092 · #00454C · #00231F · #000C0F

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

The five colors

• Bone (#E0E1CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#359092): A luminous, balanced teal — the color of sea glass.
• Deep Teal (#00454C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#00231F): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Petrol color palette (#D5EAE6, #5DB0B3, #008490, #005E56, #000C0F)
• Navy Coast color palette (#E3E7DC, #6284A4, #003A79, #00202F, #00022B)
• Hushed Denim Pier color palette (#E8DDE5, #699BAA, #006278, #003E28, #000A15)
• Weathered Denim Quarry color palette (#E5EADA, #7BA4C4, #00589E, #003B4F, #041D46)
• Hushed Harbor color palette (#F1E2C4, #9D9E68, #5A7E23, #3B2800, #100F00)
• Hushed Boulevard color palette (#F4F7E5, #7DC4D6, #007A99, #00555A, #00384E)
• Deep Chestnut Atelier color palette (#F0E2D6, #8A5400, #432A00, #1B1000, #030400)
• Mulberry Orchard color palette (#F9E4CA, #6E4800, #6E005A, #2E1C00, #11000C)

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