Sky Lagoon color palette — #FBF3F0 · #C3ECCD · #65BCEF · #499F75 · #4B2F48

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C3ECCD): A whisper-light, dusty teal — the color of sea glass.
• Sky (#65BCEF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#499F75): A luminous, balanced teal — the color of sea glass.
• Charcoal (#4B2F48): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Dusty Teal color palette (#FBF4EF, #C4E8E8, #A1BFED, #52AA9C, #5A3E4E)
• Softworn Periwinkle Atelier color palette (#F5EDE6, #A5DCFB, #78A3F5, #009288, #2F2259)
• Emerald Workshop color palette (#FFF2EE, #88EEEA, #00BDE6, #199F2F, #00345E)
• Weathered Terrace color palette (#EAF2E1, #5CD9A9, #D296E5, #00AB7B, #472552)
• Softworn Turquoise color palette (#F0F7F1, #B0DCEE, #46A2C1, #007D71, #123F58)
• Cobalt Hollow color palette (#F4E5DD, #6AACBC, #207AB7, #006047, #04002D)
• Muted Cobalt color palette (#F8EFF6, #A7CEDE, #2085B7, #005F3C, #112038)
• Tempered Jade color palette (#DAFFEF, #93E4B9, #26BB93, #008768, #00251A)

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