Lagoon Hollow color palette — #E9F9FC · #97D2CA · #DF99BA · #11A195 · #564564

Fern takes the lead with Mauve close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#E9F9FC): a clean, paper-quiet neutral.
• Lagoon (#97D2CA): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#DF99BA): A luminous, balanced rose — the color of strawberry cream.
• Fern (#11A195): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#564564): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Cerulean Meadow color palette (#EAF8FF, #93CFE0, #DFA277, #009CB9, #634151)
• Hushed Seafoam color palette (#E2FBFE, #75EED5, #F8AEC9, #71B8A8, #55465D)
• Tempered Moss color palette (#E9F9F5, #B4CE9C, #C1A3D7, #6F9C36, #4A4968)
• Worn Blush Hollow color palette (#EFF9EA, #71C2B0, #CE7B9D, #218472, #624542)
• Blush Loft color palette (#E4FAFD, #7FC0B2, #D98C95, #B9785E, #2A484C)
• Taupe Orchard color palette (#E5FAFD, #D6DCE8, #BEAAAE, #92AD79, #3F565E)
• Tempered Market color palette (#EBF9F1, #B1D3CB, #7DA692, #906D42, #2F4E4E)
• Ancient Terrace color palette (#F0F6FB, #E5C5E1, #5384A1, #2F5169, #222D35)

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