Driftwood Lagoon color palette — #EBF9EF · #A0C1AF · #907E52 · #75525D · #3A4C46
A conversation between Mocha and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#EBF9EF): bright and airy, almost weightless.
- Stone (#A0C1AF): A luminous, dusty teal — the color of glacier melt.
- Mocha (#907E52): A full-bodied, dusty gold — the color of honey in a jar.
- Coffee (#75525D): A full-bodied, dusty rose — the color of strawberry cream.
- Charcoal (#3A4C46): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Driftwood 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
- Bronze Basin color palette (#E9FBEC, #8CB19C, #8C6D28, #694A2A, #2E423A)
- Wandering Market color palette (#E5F7E9, #9EC6B5, #6A8D72, #6C4D5D, #1E302E)
- Patina Courtyard color palette (#FEF1F9, #CDAEBC, #AA705B, #6F526D, #554148)
- Worn Harbor color palette (#FFF4E3, #D5CBA3, #AD9878, #9E6538, #494C00)
- Wandering Driftwood color palette (#E8F8FF, #419FAD, #AB677D, #7B5638, #2E4048)
- Aged Chestnut Garden color palette (#F6E1E9, #AD926B, #915200, #6B3115, #213628)
- Hushed Bronze Study color palette (#D2E6D1, #927100, #603D00, #401D00, #001C10)
- Tempered Courtyard color palette (#EBF8FD, #A5CBAD, #006B72, #143E4B, #20272E)
Browse the whole catalog at Explore, or see today's palette.