Lagoon Studio color palette — #FBF3F0 · #C3DFE7 · #87C3E9 · #39966D · #51334D

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C3DFE7): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#87C3E9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#39966D): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#51334D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Lagoon Studio 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

• Weathered Teal color palette (#F1F7F2, #CEE1FA, #6DCCED, #3AAD9E, #2E4B61)
• Timeworn Periwinkle Quarry color palette (#FBF4EF, #BFE5F5, #73A9EA, #00816E, #292951)
• Cerulean Bloom color palette (#FAF2F8, #ABE9F1, #5792B3, #3F6E54, #384861)
• Airy Grove color palette (#F4F8E5, #B4E3B5, #E99FD1, #23A53A, #532646)
• Cypress Veranda color palette (#F6F1E9, #C0E8CA, #5A97AD, #166D62, #103329)
• Weathered Veranda color palette (#F3F7E8, #B2E6ED, #CEC3CA, #BCAE5D, #3F4A36)
• Muted Delta color palette (#F6E5E0, #70AFAE, #005E76, #002E09, #000104)
• Powdered Quarry color palette (#FFF4DE, #D2DD97, #71B166, #00896A, #004745)

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