Lagoon Lantern color palette — #F2F7F1 · #D3DCD9 · #A0AEBA · #578E83 · #50544E

Built around Storm Blue, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D3DCD9): bright and airy, almost weightless.
• Ash (#A0AEBA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#578E83): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#50544E): quiet, heavy and certain.

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

Use it as a design system

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

• Driftwood Lantern color palette (#EFF3EC, #CEDAD7, #A3B1B8, #778A67, #343830)
• Petrol Loft color palette (#EFF7F5, #E1D3D1, #CFB6BB, #4E789F, #414A47)
• Hushed Teal color palette (#F5F7E5, #5CB9B9, #328397, #585184, #3C4D3F)
• Denim Courtyard color palette (#E9F1EB, #BFD1C7, #88A99C, #00606E, #213227)
• Weathered Quarry color palette (#F7F5EE, #C9C19D, #778956, #666B23, #5B4C00)
• Dusty Market color palette (#EDF9EE, #9AFCEA, #5EE9F2, #52A1BF, #364E3C)
• Aged Workshop color palette (#E4ECE8, #A7BFB8, #9E849E, #004A6A, #15231E)
• Ancient Petrol color palette (#DBE1DB, #8DA090, #417A87, #003231, #020D02)

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