Lagoon Lagoon color palette — #F0F5FF · #B7C4FD · #D9977C · #3B9A7F · #19485F

Built around Fern, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#B7C4FD): A whisper-light, balanced violet — the color of a velvet chair.
• Camel (#D9977C): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#3B9A7F): A luminous, balanced teal — the color of sea glass.
• Navy (#19485F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

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

• Tempered Corridor color palette (#F4F4FF, #DAB8ED, #C4A46E, #0097AD, #413D60)
• Timeworn Moss color palette (#F1F5FF, #BCC3F5, #CF95B4, #7A923F, #2F4263)
• Hushed Orchard color palette (#F0F6FF, #E1D5E9, #D1B6C5, #75AAAD, #385765)
• Faded Alley color palette (#F2F5FF, #B4AAFF, #E97200, #008972, #202076)
• Hushed Taupe Dune color palette (#F8F3FB, #F8B5D1, #CA876F, #7E682E, #33364F)
• Hushed Olive Delta color palette (#FFF2EE, #DAA0A1, #B1824D, #627123, #124E3D)
• Dusty Mallow Cabin color palette (#F3EFFE, #DC9FD4, #847588, #565162, #202129)
• Muted Coral color palette (#F8DFF1, #FF7B5D, #9C8B00, #007198, #480020)

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