Tempered Lagoon color palette — #E0F3EE · #00868A · #005062 · #003145 · #001C3E

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

The five colors

• Cream (#E0F3EE): A whisper-light, dusty teal — the color of sea glass.
• Teal (#00868A): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005062): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#003145): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001C3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Onyx Grove color palette (#C0EDED, #00768D, #004164, #001E4E, #1D0030)
• Teal Basin color palette (#C6E9E2, #00A9AF, #0085A1, #00628A, #002449)
• Ancient Loft color palette (#D0EBFF, #2E8DCB, #00476C, #002035, #000B16)
• Softworn Lilac color palette (#E1F0FA, #8FADE3, #A07CC9, #005D59, #002747)
• Aged Bloom color palette (#D3E9F5, #007A93, #884500, #00404F, #2D1200)
• Washed Nightshade Corridor color palette (#CEEFF5, #007FA1, #00558B, #16009B, #250E56)
• Powdered Emerald Ridge color palette (#E2F3D2, #009949, #006046, #003936, #002327)
• Ancient Cocoa Lantern color palette (#DCF0FF, #006386, #803300, #5D2F00, #00141F)

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