Wandering Lagoon color palette — #EAF4F4 · #CEDAE2 · #AAADB9 · #5E8C8D · #2E3839

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

The five colors

• Ivory (#EAF4F4): a clean, paper-quiet neutral.
• Silver (#CEDAE2): a clean, paper-quiet neutral.
• Ash (#AAADB9): a calm mid-gray that lets other colors speak.
• Storm Blue (#5E8C8D): A luminous, dusty teal — the color of sea glass.
• Deep Teal (#2E3839): a grounded near-black with real depth.

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

Use it as a design system

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

• Abyss Courtyard color palette (#D8E3E9, #A0B7C7, #7791A6, #004C5C, #020C13)
• Lagoon Villa color palette (#E7F5F4, #9FCDCE, #578D92, #4A6866, #213535)
• Worn Spruce color palette (#DCE7E8, #73949B, #4D727C, #003228, #000202)
• Hushed Powder color palette (#E1F6FA, #ABDFF6, #89BEED, #60B3BB, #142D33)
• Tempered Workshop color palette (#E5F5FA, #41AFAC, #3F789E, #4A476C, #082E29)
• Denim Harbor color palette (#EAF3FD, #C6D5EB, #99ACD1, #005CA6, #0A1B2C)
• Hushed Harbor color palette (#DFF1F6, #00978E, #293F47, #122124, #060E0F)
• Aged Corridor color palette (#EAF4F3, #CDDAE0, #A8AEB9, #648C87, #303837)

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