Tempered Lagoon color palette — #CDF1F5 · #499A99 · #236F7F · #394066 · #1C1F38

A conversation between Storm Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Frost (#CDF1F5): A whisper-light, dusty blue — the color of deep harbor water.
• Storm Blue (#499A99): A luminous, dusty teal — the color of glacier melt.
• Teal (#236F7F): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#394066): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#1C1F38): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, 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

• Basalt Thicket color palette (#C9E4F2, #7394B3, #4C6189, #582D59, #271A31)
• Cypress Corridor color palette (#E4EFD4, #7B9E73, #2E7655, #163E52, #05243A)
• Faded Navy color palette (#C9F1FF, #2D799E, #004584, #2E1036, #1A0015)
• Dusty Cerulean color palette (#9FF0FD, #00A2B3, #006775, #003138, #00080A)
• Worn Powder color palette (#CDECFC, #9BC0D8, #728BA7, #545171, #362D46)
• Dusty Cypress color palette (#DDEDE9, #73C3C1, #007A81, #004C42, #001A1E)
• Washed Veranda color palette (#D6F6FF, #009193, #7D6A00, #005152, #171200)
• Washed Teal color palette (#D1F7E7, #46C1B0, #68896E, #6C5468, #472D3D)

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