Sky Lagoon color palette — #FCF3EE · #C2ECD2 · #79B8EE · #4A9E82 · #2E3761

A conversation between Sky and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Celadon Mist (#C2ECD2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#79B8EE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#4A9E82): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2E3761): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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 Teal Alley color palette (#FAF4EE, #C1EAEE, #A9BCF1, #47AAA8, #5B3E4B)
• Emerald Lagoon color palette (#FFF2ED, #85EDF6, #0ABAF6, #009E5A, #032E6F)
• Timeworn Periwinkle color palette (#F5EDE5, #ADD9FF, #8E9FEA, #009093, #35244B)
• Chalky Aqua Alley color palette (#D6F8E8, #23D3CC, #00A5CC, #007BAF, #22385F)
• Softworn Teal Archive color palette (#E2FDEC, #E2DEF7, #EAC0EF, #68B798, #234B42)
• Weathered Balcony color palette (#DEF5E5, #40D3EE, #EF985B, #00A3BA, #542700)
• Worn Pier color palette (#F0DED2, #65ABC6, #3876BC, #005F50, #08002A)
• Cobalt Pier color palette (#E9F7FF, #8EDAFF, #59AEED, #007CB5, #002237)

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