Tempered Lagoon color palette — #F0F7F1 · #CADFDC · #A7C6C5 · #3E8E95 · #343D36

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#CADFDC): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A7C6C5): A luminous, dusty teal — the color of sea glass.
• Cerulean (#3E8E95): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#343D36): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Summit color palette (#EFF7F9, #D4DAE4, #BBBFD0, #2DB4B9, #2F3D42)
• Tempered Cobalt Summit color palette (#EBF9F5, #ECD6EB, #AEBDE7, #277CC1, #173A32)
• Cerulean Summit color palette (#D5E9DF, #008DB7, #25483D, #12261E, #080F0B)
• Ancient Lagoon Terrace color palette (#F7F6E8, #98C386, #56905C, #61655D, #36362F)
• Dusty Ash color palette (#D2E6DE, #A2BCE3, #8891C2, #835D5F, #593F3D)
• Weathered Iris color palette (#FFF0F9, #EED3D3, #D9B7B3, #797DCD, #4B3A45)
• Timeworn Petrol Basin color palette (#DAE4DD, #B2CBBE, #92ABA1, #006D7E, #14231A)
• Timeworn Turquoise color palette (#ECF3D0, #00B4D3, #1180B5, #664480, #1A372A)

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