Lagoon Cabin color palette — #FAF4F0 · #CDE7E7 · #99B3D8 · #37988A · #664859

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CDE7E7): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#99B3D8): A luminous, dusty blue — the color of open sky before noon.
• Fern (#37988A): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#664859): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Weathered Powder Grove color palette (#FBF2F7, #D7D4E0, #C2C0F3, #669CA4, #464D61)
• Timeworn Courtyard color palette (#F2F7EC, #B9CCA4, #E099B2, #00A57D, #67423E)
• Ancient Field color palette (#FEF2ED, #BFDDC9, #5C9DCB, #007F5C, #2B3762)
• Hushed Lagoon Market color palette (#FBF6D8, #B6D7AC, #68B18B, #008B80, #35573F)
• Lapis Quarry color palette (#EAE1D9, #76A7D1, #4B57C6, #004A4C, #1E0037)
• Hushed Driftwood color palette (#EBFAEA, #75C1BE, #CA90B1, #BF7278, #374736)
• Tempered Cobalt Studio color palette (#F8EAE2, #94BCA8, #1775D1, #005B4C, #1B1549)
• Worn Fern color palette (#FAF5E8, #CECCAE, #A59C6E, #926C48, #404F02)

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