Tempered Lagoon color palette — #D9F2F7 · #00A196 · #215C6E · #00363F · #000606

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

The five colors

• Frost (#D9F2F7): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#00A196): A luminous, balanced teal — the color of glacier melt.
• Peacock (#215C6E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#00363F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000606): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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

• Patina Cerulean color palette (#CBE6FB, #0097D1, #425374, #04344A, #000509)
• Washed Lagoon Bloom color palette (#C8EDF6, #008883, #4C4640, #002B2E, #000507)
• Weathered Moss color palette (#DFF4F0, #4EA32F, #255D63, #1E3716, #000603)
• Petrol Courtyard color palette (#D3E3EE, #00749C, #1F2F5C, #1A1A22, #00080F)
• Turquoise Hollow color palette (#DAE7EE, #3DBBDD, #5F7188, #364D59, #0E1B1E)
• Worn Corridor color palette (#D5EAE5, #8FC9AC, #2DA49D, #5C8242, #003031)
• Weathered Iris Grove color palette (#E6EDFB, #8697FF, #735C83, #334160, #051320)
• Linen Teal color palette (#D3F3E9, #00C4C5, #0097AB, #00709D, #003161)

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