Tempered Lagoon color palette — #FAF4F0 · #C3EBD9 · #86B5EC · #00A0A0 · #2F3663

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#C3EBD9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#86B5EC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#00A0A0): A luminous, balanced teal — the color of sea glass.
• Navy (#2F3663): A deep, shadowed, dusty violet — the color of wild irises.

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

• Sky Pier color palette (#FFF2EC, #92E9FF, #31B6FC, #009986, #002D72)
• Azure Hollow color palette (#EBF8F7, #BFD8EA, #489ED3, #00798F, #0C3D63)
• Jade Garden color palette (#FAF4F0, #C7E8DE, #76CCE2, #47AF7A, #2A5044)
• Teal Meadow color palette (#FAF4F0, #C5DFEA, #A3CBF3, #50B5AF, #62495D)
• Chalky Orchard color palette (#E6F4E0, #60D6C1, #E690C4, #00A894, #561B42)
• Washed Cornflower Market color palette (#E9DDD2, #96C6EB, #5C8DF7, #007B86, #1E124B)
• Feathered Coast color palette (#EDE1D7, #70A8CC, #4072C4, #005C62, #08002A)
• Cobalt Workshop color palette (#FAEEF3, #90D2F2, #457FBD, #005B5B, #181D3D)

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