Tempered Lagoon color palette — #F4F8E5 · #1DCAF7 · #0078A0 · #00545E · #003753

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

The five colors

• Ivory (#F4F8E5): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#1DCAF7): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0078A0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003753): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Faded Aqua color palette (#F6F7E3, #14D2CB, #007D81, #005749, #003A41)
• Weathered Villa color palette (#FAF0E2, #81C7DF, #007AAE, #005153, #001A37)
• Quiet Courtyard color palette (#D2F7FA, #00ABC2, #00748A, #004B62, #00364A)
• Periwinkle Study color palette (#D9FFF1, #98CAFF, #82A2FF, #006F8D, #00375B)
• Grape Veranda color palette (#CAE2F2, #007AAD, #8122D1, #00614B, #00273C)
• Lagoon Lagoon color palette (#E2E3D5, #39A19D, #005458, #003128, #00181B)
• Hushed Cerulean color palette (#F4F7ED, #BDE7D8, #5C8FBF, #2B6B82, #544054)
• Pale Periwinkle color palette (#FFF2EB, #9FE6FF, #62AFFF, #009A80, #2A266C)

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