Tempered Lagoon color palette — #FCF2F6 · #D6DEF8 · #80A7DD · #098B90 · #3A4766

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Frost (#D6DEF8): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#80A7DD): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#098B90): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#3A4766): A full-bodied, dusty violet — the color of a velvet chair.

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

• Weathered Powder Grove color palette (#EDF8F7, #D5DBF3, #7EC5FF, #3EA6C6, #354960)
• Turquoise Lantern color palette (#FBF2F8, #AFDDE9, #2FA6BD, #307D53, #103F58)
• Patina Balcony color palette (#EDE2EA, #6BC1CA, #0080A4, #005C44, #00213C)
• Denim Basin color palette (#E9DCE3, #599DB1, #005E8D, #003C35, #000427)
• Ultramarine Alley color palette (#FCE9EE, #7BA7CE, #435FB6, #004952, #17003F)
• Blush Study color palette (#E2FBFF, #5FCDBD, #DD85AA, #009586, #603045)
• Timeworn Balcony color palette (#FAE9EF, #A6C9E7, #6285C8, #006B73, #2A2558)
• Washed Lantern color palette (#E6FBF0, #9FC8BD, #94925F, #537257, #204442)

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