Tempered Lagoon color palette — #F6EFE3 · #408586 · #00444D · #002017 · #000203

Storm Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EFE3): bright and airy, almost weightless.
• Storm Blue (#408586): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#00444D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#002017): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000203): quiet, heavy and certain.

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

• Ancient Hollow color palette (#F0E9DE, #3F80A7, #003B72, #001E24, #00000C)
• Timeworn Lantern color palette (#E1EDE3, #57A0A1, #006471, #003D2E, #000B11)
• Petrol Delta color palette (#EEE8E0, #84BECF, #00749F, #004B4A, #00172D)
• Frosted Denim color palette (#E7E1D6, #79A2BF, #0056A9, #003842, #030032)
• Velvet Fern color palette (#EDE5C9, #485A0A, #2D2B00, #140D00, #000200)
• Antique Cerulean Station color palette (#F7F1E7, #90DFEA, #0091B3, #006358, #00283D)
• Tempered Aubergine color palette (#F4DADE, #BA7A95, #A15152, #432264, #050003)
• Aubergine Terrace color palette (#FCE8EC, #78008D, #174800, #34003E, #000200)

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