Lagoon Loft color palette — #FBF3EF · #CCEAE0 · #96BCA3 · #619473 · #305346

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Honeydew (#CCEAE0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#96BCA3): A luminous, dusty teal — the color of sea glass.
• Fern (#619473): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#305346): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Glacier Ridge color palette (#F5F6EF, #CCE5DD, #82D7DB, #68B2A1, #3A5140)
• Powder Balcony color palette (#FBF3F0, #CCE9E4, #85B9D3, #5C9382, #5F4A61)
• Patina Lagoon color palette (#F2FAD5, #9AD8BD, #54AEA4, #33818B, #365848)
• Patina Thicket color palette (#E9FBEB, #62C3C9, #CE9296, #AC8161, #374739)
• Washed Atelier color palette (#EFF8EF, #8BD3D3, #DB9FA3, #479C9C, #684237)
• Wandering Petrol color palette (#FCEAE2, #55B1BF, #007095, #004C3B, #00142C)
• Worn Corridor color palette (#FBEBE2, #A7CFBA, #438CC8, #006C66, #1C2A56)
• Bronze Pier color palette (#FFF2E9, #DDC6AC, #B79379, #A36146, #5C4300)

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