Driftwood Ridge color palette — #F1F7F1 · #D2DCDB · #A4ADB9 · #6D8B70 · #4D554E

Eucalyptus and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Ash (#A4ADB9): A luminous, dusty blue — the color of open sky before noon.
• Eucalyptus (#6D8B70): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#4D554E): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Driftwood Ridge 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

• Driftwood Market color palette (#FBF2F6, #CED9DB, #97A2AB, #987784, #5B4F53)
• Tempered Lagoon Field color palette (#ECF8F5, #A6C9C4, #588C89, #546D5C, #38534F)
• Driftwood Alley color palette (#EFF3EE, #D0D9D9, #A5B1B9, #9D7C53, #333832)
• Taupe Harbor color palette (#EAFAF0, #B5A874, #737D4C, #246561, #394D43)
• Fern Boulevard color palette (#D7E6E2, #ACBDBB, #7A9493, #2B5000, #0A2420)
• Hushed Pier color palette (#E9FAF0, #CADBC8, #D5CA80, #92A36D, #314B3F)
• Spruce Hollow color palette (#E6F1E9, #8E9E95, #56796B, #362900, #000D04)
• Dusty Atelier color palette (#E4FAFB, #C2D7DA, #81B0BA, #006B4E, #113A3C)

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