Tempered Lagoon color palette — #FAF4EE · #C5F0E2 · #8EA1E3 · #008C8C · #5C3D4B

A conversation between Cerulean and Cornflower, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Honeydew (#C5F0E2): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#8EA1E3): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#008C8C): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5C3D4B): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Creativity, 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

• Tempered Parlor color palette (#FDF2EF, #D0EECF, #31B5DB, #57885B, #543F56)
• Worn Loft color palette (#FEF3E9, #B4E2FF, #6797FF, #00837C, #413764)
• Softworn Cerulean color palette (#FBF2F5, #D9D4DE, #A0BBEE, #3C9099, #343D5E)
• Antique Indigo color palette (#F6EDE3, #9BCAF5, #6977F1, #006B6F, #36224D)
• Wandering Ridge color palette (#F5EAE2, #519DBA, #0057A5, #003C32, #08002A)
• Periwinkle Courtyard color palette (#FFF3E7, #E9A86B, #61A9F6, #B06F2D, #503953)
• Weathered Pier color palette (#F4E9E4, #69C0D1, #007CB8, #005C40, #101B44)
• Cerulean Archive color palette (#FFF2ED, #7DDCE7, #0098D0, #007748, #173062)

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