Lagoon Basin color palette — #F9F3F7 · #D7E0EF · #8AB7DC · #47987C · #45536E

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D7E0EF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#8AB7DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#47987C): A luminous, balanced teal — the color of sea glass.
• Peacock (#45536E): A full-bodied, dusty violet — the color of a velvet chair.

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

• Softworn Powder color palette (#FCF3EF, #BEE7F5, #B8C4F5, #6C9E8A, #594754)
• Hushed Turquoise color palette (#F8F4EE, #C9E7E3, #65A2C0, #2D7D78, #315249)
• Soft Periwinkle Basin color palette (#FFF1F7, #BDE0FC, #7698E9, #00837E, #453075)
• Tempered Amber color palette (#EDF8F0, #D6C390, #AFA9E5, #A78829, #434B6B)
• Wandering Pine Lagoon color palette (#FAF2F9, #BADBE5, #43A1C8, #008241, #1D3B63)
• Soft Ultramarine color palette (#F2E5EB, #68ABCD, #0D5DD3, #004B43, #160040)
• Taupe Villa color palette (#ECF9F0, #B5D2C9, #A79B70, #8F6778, #334D4C)
• Hushed Iris Terrace color palette (#F7EBEE, #AAC8E5, #737FCB, #006B6F, #391E54)

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