Lagoon Harbor color palette — #F1F7F2 · #D4DCDC · #BCAEA4 · #538D8F · #4C554D

A conversation between Storm Blue and Rosewood Mist, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D4DCDC): a clean, paper-quiet neutral.
• Rosewood Mist (#BCAEA4): A luminous, dusty gold — the color of honey in a jar.
• Storm Blue (#538D8F): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4C554D): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Courtyard color palette (#ECF3F6, #D2D7E0, #B0ACBA, #5E8A9B, #2E383C)
• Timeworn Stone Pier color palette (#EEF7FA, #D6DBE6, #B6AFB9, #6D675E, #4C5456)
• Chestnut Villa color palette (#FFF3E6, #93B190, #567B9F, #755127, #394D40)
• Bronze Dune color palette (#EFF9E7, #B2C5B8, #A38C9F, #8D6424, #44523E)
• Driftwood Garden color palette (#F8F5EE, #C5C2A6, #7B8944, #506F53, #564F00)
• Wandering Summit color palette (#F0F8EF, #57A7A5, #8E5D87, #685000, #46423B)
• Timeworn Denim color palette (#E8F1ED, #D2C9D1, #B099A4, #005C7F, #23322B)
• Timeworn Spruce Coast color palette (#E5EEE8, #8B9F98, #82677D, #003138, #020C05)

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