Lagoon Cabin color palette — #EFF8F2 · #A5CABD · #578D84 · #566877 · #3E524B

Storm Blue and Stone set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Stone (#A5CABD): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#578D84): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#566877): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#3E524B): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Timeworn Pewter color palette (#F9EEF3, #ADCCB8, #628D82, #625C7D, #23362A)
• Ancient Cypress Atelier color palette (#F1F7F2, #CFE2F5, #76A0B2, #3B7D69, #395768)
• Tempered Stone Market color palette (#F5F3FF, #E4D6DF, #E5B3AA, #868AAD, #524B5A)
• Cypress Drift color palette (#E3FBF8, #77A790, #2A7065, #404A67, #183C3D)
• Pewter Courtyard color palette (#F5F3FF, #C6A0CE, #7DA57C, #8B5F95, #225752)
• Antique Grove color palette (#F8F5EE, #E6DFB7, #A1C094, #7FA396, #594D00)
• Dusty Cocoa Boulevard color palette (#FBF3ED, #DFCFB2, #A09D79, #9A7079, #634800)
• Hushed Studio color palette (#F6F3FF, #B882B7, #A18645, #43818A, #443F52)

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