Wandering Lagoon color palette — #FFF2ED · #D07D7B · #009D9E · #477CA3 · #48403E

A conversation between Cerulean and Coral Clay, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Coral Clay (#D07D7B): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#009D9E): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#477CA3): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#48403E): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged muted.

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

• Muted Lantern color palette (#FFF2EC, #C37A67, #5D80B2, #7A4F6D, #433B38)
• Wisteria Chapel color palette (#FFF1F2, #C37DB0, #569B69, #3D847C, #513C3D)
• Ember Atelier color palette (#FFE5D8, #D46416, #007F9D, #0057A4, #4B240D)
• Amber Meadow color palette (#FFEBF7, #D18767, #919343, #926A86, #33212C)
• Washed Apricot color palette (#FFF2EB, #F49478, #AFA761, #AE81A8, #48413D)
• Cocoa Studio color palette (#FFF2EC, #DFDCCD, #BDCDA3, #A07776, #773E15)
• Bronze Archive color palette (#FFF2EB, #EFB69F, #B56A53, #753B26, #3F3834)
• Feathered Nightshade color palette (#EEE2D8, #9E5600, #00678D, #123DB3, #321700)

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