Sky Lagoon color palette — #ECF8F7 · #C2E5FF · #71BAEE · #3599B4 · #223D57

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Powder Blue (#C2E5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#71BAEE): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3599B4): A luminous, balanced blue — the color of open sky before noon.
• Navy (#223D57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Sky 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

• Washed Coast color palette (#EBF9F5, #9FF2EC, #5BC4C8, #519B8A, #0F4151)
• Petrol Thicket color palette (#F9F4EE, #C0E3F4, #7CABD7, #007D8A, #1B2D4F)
• Pale Cobalt Station color palette (#D6EFEE, #56AADE, #1679C1, #005973, #00091C)
• Worn Powder color palette (#EDF8F7, #D6DCEA, #9DCEEC, #71ADBA, #425565)
• Softworn Balcony color palette (#D0E9E8, #93C6EF, #5095DF, #00779E, #081E41)
• Linen Canyon color palette (#F5E9FD, #FF9AC5, #7AB3FF, #CF6C97, #16355E)
• Weathered Field color palette (#DDF6F1, #60C1CC, #0093A9, #006D6A, #00171F)
• Tempered Cobalt color palette (#F7EFF3, #A9CDE6, #587BB9, #005C54, #20193F)

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