Driftwood Drift color palette — #FFF3EA · #DAA386 · #988D52 · #4B7454 · #5C3731

Moss and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Camel (#DAA386): A luminous, dusty orange — the color of autumn markets.
• Moss (#988D52): A luminous, balanced green — the color of fresh herbs.
• Olive (#4B7454): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#5C3731): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Driftwood Drift 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 Driftwood color palette (#FFF2EE, #DA9FA4, #AD8260, #6E6C3D, #4F385A)
• Weathered Parlor color palette (#FEF1F6, #FABD8B, #9C9F5C, #327B59, #443046)
• Aged Courtyard color palette (#F8F5EA, #B5B580, #5F9C79, #2C757E, #623600)
• Antique Driftwood Grove color palette (#FFF3E8, #EAD6BD, #B2A998, #7D8E4A, #4C5646)
• Taupe Corridor color palette (#FFF3E7, #ECC193, #C59A5D, #907340, #6D4D00)
• Denim Orchard color palette (#FEF2EF, #C68386, #497E56, #275683, #3B3761)
• Wandering Amber Boulevard color palette (#FEEEE3, #CC8966, #7C4B10, #572B00, #27201C)
• Faded Drift color palette (#FFF3E8, #E27F00, #797E00, #006548, #5D0918)

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