Tempered Lagoon color palette — #F9F4EE · #BFE7E5 · #6FADD4 · #228A8D · #563D59

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#BFE7E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#6FADD4): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#228A8D): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#563D59): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Petrol color palette (#FAF4EC, #BBDDD1, #7398C6, #00798D, #2B3860)
• Washed Summit color palette (#FAF4EC, #C1E7DF, #64B1C8, #2F8C7B, #245242)
• Washed Harbor color palette (#FAF3F7, #D3E0F8, #85C3FF, #5BA992, #3C4762)
• Lagoon Market color palette (#F0F9E5, #6BCEA7, #CF8DB0, #00976F, #5F304B)
• Patina Petrol color palette (#F4EADB, #6FAACA, #0069B0, #004951, #000943)
• Ancient Denim Terrace color palette (#EEE3D2, #5C9FA7, #006279, #003C34, #000B14)
• Petrol Pier color palette (#E9E1D4, #9CBB98, #00848F, #005C41, #00242D)
• Jade Station color palette (#D7F3CA, #96D297, #4CAB7D, #228369, #105651)

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