Driftwood Lagoon color palette — #FDF4E2 · #DBD0AE · #BAAD6E · #A0853E · #3F3D36

A conversation between Caramel and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF4E2): A whisper-light, dusty gold — the color of old brass.
• Wheat (#DBD0AE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#BAAD6E): A luminous, balanced green — the color of new leaves after rain.
• Caramel (#A0853E): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Worn Bronze color palette (#F2E7D0, #C7C496, #AD9E60, #977416, #313308)
• Aged Cocoa Villa color palette (#FFF3EA, #E8CAB0, #D59F80, #B07965, #583400)
• Washed Taupe Corridor color palette (#DFF9EA, #AFAF78, #7F7641, #33553E, #112820)
• Olive Lantern color palette (#EAE3CD, #9DA56C, #85801F, #6A5900, #121900)
• Aged Chestnut color palette (#F5DBC2, #A3773F, #8B4F00, #642E00, #060300)
• Faded Ember color palette (#F7D6C3, #F2A275, #EB652E, #C23A28, #411F00)
• Taupe Market color palette (#FFF2EF, #F8CAB0, #BB8293, #855161, #301B18)
• Antique Azure Field color palette (#FFF1F5, #CDA5F2, #5CC0BF, #009ECD, #442A33)

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