Tempered Lagoon color palette — #F9F4EE · #BBEAE8 · #6BADD8 · #158B8E · #543F56

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Sea Foam (#BBEAE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#6BADD8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#158B8E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#543F56): 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

• Softworn Lagoon Coast color palette (#F8F5EF, #C3E6DB, #4AB6C3, #318D6C, #334F40)
• Softworn Field color palette (#FAF4EC, #AFDBFA, #5E97E0, #00798D, #4D2E47)
• Cerulean Atelier color palette (#ECF8F7, #D8DDE9, #84C4E6, #39909E, #22425C)
• Chalky Bloom color palette (#E5FCF0, #6DC4E8, #EB8746, #008DB6, #47413C)
• Aged Turquoise Meadow color palette (#E7FBF1, #E0DFEC, #E3BFE9, #63A8B1, #5B4A5D)
• Weathered Petrol color palette (#EBE3D6, #61C4BF, #008490, #005C42, #00242E)
• Dusty Cerulean Study color palette (#F2EBDF, #35A3B1, #00627A, #003C35, #000B14)
• Tempered Petrol color palette (#F2E8D7, #72AAC9, #0069B2, #004952, #020E3A)

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