Tempered Lagoon color palette — #FCF2F7 · #A9A4D3 · #6AAA99 · #008B95 · #483740

Built around Cerulean, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Mauve (#A9A4D3): A luminous, dusty violet — the color of wild irises.
• Turquoise (#6AAA99): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#008B95): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#483740): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Petrol Courtyard color palette (#FDF2F4, #B78FC4, #3D9696, #21759F, #3E2936)
• Aged Dune color palette (#F9F5E9, #B2AD78, #64AAA0, #36869B, #3F3D36)
• Aged Lagoon Quarry color palette (#EBF9F4, #81B2D3, #92A46E, #448C61, #2E423B)
• Muted Mallow color palette (#FBF1FE, #FFA4B8, #83C6B6, #67A899, #433945)
• Weathered Hollow color palette (#FEF0FF, #FFA6B1, #BFAE72, #7680A5, #382D39)
• Cocoa Alley color palette (#FCF4E8, #E3B28F, #AC8D5A, #457D54, #673D00)
• Patina Corridor color palette (#FFE8E7, #C86C9B, #148BBC, #3E57B4, #3C1B1B)
• Taupe Dune color palette (#FAF3F0, #DCD9D3, #AEB2A8, #C78A7C, #58514D)

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