Tempered Lagoon color palette — #D6E7E6 · #0097A0 · #006E7A · #004C59 · #00222B

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D6E7E6): bright and airy, almost weightless.
• Cerulean (#0097A0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006E7A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004C59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00222B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Chapel color palette (#C7E7EF, #0085A5, #005F7E, #003B59, #001323)
• Washed Teal color palette (#D2F8E5, #00B1A0, #006C75, #004056, #000635)
• Byzantium Field color palette (#E0F3FF, #0094B9, #AE1FD0, #005C74, #2E0039)
• Worn Workshop color palette (#E1EDF7, #007BBC, #9400D8, #006757, #001323)
• Pale Emerald Harbor color palette (#DDF6DF, #00AA5B, #00774F, #00513D, #00261D)
• Powdered Periwinkle Quarry color palette (#C8E2F6, #93CAF9, #73A3FF, #007088, #0C283D)
• Feathered Parlor color palette (#D3E8F2, #00ADE9, #0084C4, #005B9E, #003165)
• Cerulean Orchard color palette (#C1EEFF, #58CEE5, #009EC1, #00789D, #2D4F67)

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