Lagoon Workshop color palette — #FCF3EF · #BFE4EE · #8CC3E1 · #31957D · #27415F

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Powder Blue (#BFE4EE): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8CC3E1): A luminous, dusty blue — the color of deep harbor water.
• Fern (#31957D): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#27415F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Hushed Lagoon color palette (#EEF8F6, #CDDFF8, #4FCFF1, #37ABAD, #2D4C5E)
• Sky Thicket color palette (#FCF3EE, #D1DAEF, #01BFF5, #008B6B, #003661)
• Ancient Lantern color palette (#FCF2F9, #AAE9F4, #4994B8, #27705E, #37495E)
• Turquoise Studio color palette (#EBFCD7, #99F3EB, #00B7C3, #0081A4, #144362)
• Blush Studio color palette (#E9FAF0, #8DE3FC, #FF9B94, #0099B8, #582725)
• Washed Teal Terrace color palette (#E6FBEE, #EED8D6, #B4A6A3, #5BBBA5, #2E4C43)
• Petrol Coast color palette (#FCEAE0, #8AC0D3, #006DA8, #003E39, #000015)
• Hushed Canyon color palette (#DAFFF0, #D0E2F8, #45ABD8, #00617C, #002634)

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