Lagoon Alley color palette — #F0F8EC · #80C8B6 · #D987AE · #00957F · #5C3347

Built around Fern, softened by Bubblegum — the whole palette hums with balance.

The five colors

• Ivory (#F0F8EC): a clean, paper-quiet neutral.
• Mint Leaf (#80C8B6): A luminous, dusty teal — the color of sea glass.
• Bubblegum (#D987AE): A luminous, balanced rose — the color of strawberry cream.
• Fern (#00957F): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5C3347): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Balance. Tagged warm.

Use it as a design system

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

• Soft Emerald Courtyard color palette (#F4F7E7, #91C892, #D187C7, #249935, #5A3255)
• Coral Harbor color palette (#E8FBED, #74C6D4, #E38972, #0091A1, #633326)
• Quiet Seafoam Station color palette (#E0FBFF, #59F1D2, #F09EC0, #409C89, #52293B)
• Quiet Peony Terrace color palette (#EDF9EA, #47B4A8, #C16698, #00766C, #5D3249)
• Amber Atelier color palette (#EAFBE5, #5AB7AB, #A984D6, #B97426, #2B3E24)
• Bronze Quarry color palette (#FBF5E5, #C4BF9C, #969257, #7E6529, #3D3E37)
• Muted Rose Quarry color palette (#CFEED2, #00B4BA, #FB255B, #00787C, #5B0019)
• Tempered Corridor color palette (#EDF8F2, #D9C190, #377C8F, #004B5B, #16261D)

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