Driftwood Lagoon color palette — #FBEDD2 · #BE696F · #7B5000 · #074174 · #362F2B

Mocha and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEDD2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#BE696F): A luminous, balanced red — the color of a theater curtain.
• Coffee (#7B5000): A full-bodied, balanced gold — the color of old brass.
• Navy (#074174): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#362F2B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro, 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

• Dusty Harbor color palette (#FCECD6, #BE6F3B, #5E5F00, #313A70, #432B03)
• Airy Archive color palette (#F8EED4, #BB629C, #88442C, #00475A, #49241F)
• Gentle Alley color palette (#FFEEE7, #B25759, #006534, #17347A, #162953)
• Misty Alley color palette (#D9F1DC, #C07441, #7B5200, #004614, #2B0A1A)
• Tempered Driftwood color palette (#F2DFE0, #C2A083, #7F8051, #67455E, #383F65)
• Gentle Canyon color palette (#EBDFC3, #B42D24, #4D3900, #002153, #280D00)
• Cocoa Summit color palette (#FEF3E7, #C3A174, #678054, #5E517A, #5B4400)
• Deep Chestnut Grove color palette (#FCEBDF, #994A00, #30240B, #1D1006, #070301)

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