Lagoon Basin color palette — #FAF4F0 · #BFE3F0 · #83C3EE · #009785 · #4F354E

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Powder Blue (#BFE3F0): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#83C3EE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009785): A luminous, balanced teal — the color of sea glass.
• Charcoal (#4F354E): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Lagoon Basin 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 Bloom color palette (#FAF3F0, #C0E1E8, #87C5E0, #009876, #18493F)
• Cerulean Garden color palette (#F9F4EF, #C8DCEA, #CABAE6, #3FA1B4, #614352)
• Hushed Periwinkle Market color palette (#FDF3EC, #C2E5F7, #79A9E5, #007F80, #252A52)
• Patina Alley color palette (#FAF2F7, #ABE8F7, #4793BE, #277062, #344964)
• Faded Moss Meadow color palette (#FBF5E6, #E1D699, #B0B3FA, #9E8A00, #323260)
• Washed Cypress color palette (#F1F3E8, #BDE9CD, #5598AF, #006C71, #173228)
• Dusty Petrol color palette (#F8EBE3, #93C3AC, #006AB3, #003E3C, #010015)
• Washed Dune color palette (#F0E1D9, #89AC8E, #005E76, #002D1D, #000103)

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