Softworn Onyx Lagoon color palette — #B3EFED · #84B6CD · #687BA4 · #644764 · #441D02

A conversation between Espresso and Slate, giving this palette its sense of trust and stability.

The five colors

• Sea Foam (#B3EFED): A whisper-light, dusty teal — the color of sea glass.
• Ash (#84B6CD): A luminous, dusty blue — the color of deep harbor water.
• Slate (#687BA4): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#644764): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#441D02): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Softworn Onyx 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

• Wandering Summit color palette (#C8ECFF, #84A9DA, #7C719A, #704632, #3C2A00)
• Frosted Teal color palette (#C2F7CD, #5DB7A7, #378495, #683E67, #441A24)
• Driftwood Study color palette (#E7F4FF, #ACB9D2, #8386A8, #6D5660, #23392D)
• Wandering Basalt Field color palette (#C6E4F1, #799CB7, #556787, #5C2E28, #321320)
• Ancient Cobalt Harbor color palette (#DAEEF7, #5E7BA9, #4E456C, #452007, #1D1300)
• Dusty Periwinkle color palette (#D8F5D6, #96CCE3, #799BD7, #9A575A, #6F3B1E)
• Muted Periwinkle Pier color palette (#E4FFD2, #A7E2D9, #7C9FD7, #877136, #4B3A04)
• Feathered Field color palette (#E7F4FF, #42B0FE, #A66100, #006097, #321A00)

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