Sky Lagoon color palette — #FCF3F1 · #B2EDEB · #33C3EC · #569F5C · #47324A

Cyan and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Sea Foam (#B2EDEB): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#33C3EC): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#569F5C): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#47324A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Periwinkle Garden color palette (#FAF4EF, #BCEDD9, #87B1FF, #00A196, #3B3459)
• Softworn Turquoise Parlor color palette (#FAF4EC, #CCE0FB, #4CB7C6, #377E65, #143627)
• Softworn Turquoise color palette (#F9F4EF, #C9DCEA, #B8C3FA, #5EB1B6, #634A54)
• Washed Pine Courtyard color palette (#FAE9E2, #89CDD3, #009FD3, #008248, #041D45)
• Forest Corridor color palette (#F7EFF4, #A8CFD9, #088BA0, #005F36, #002436)
• Fuchsia Workshop color palette (#F0F1D7, #B3E589, #E18CED, #598F19, #47274B)
• Hushed Fern color palette (#F9F6E3, #C1EDD2, #A1DAFF, #C3A76F, #394700)
• Timeworn Workshop color palette (#F5E9E6, #5AB0B4, #0080A6, #00622F, #00081D)

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