Driftwood Boulevard color palette — #F4F7E9 · #90B790 · #879BC9 · #A5656F · #3C4200

Mocha and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Sage (#90B790): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#879BC9): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A5656F): A full-bodied, balanced red — the color of a theater curtain.
• Deep Olive (#3C4200): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Softworn Rust color palette (#EEF8F2, #74B6CA, #8A9AC6, #B15E64, #2D4337)
• Wandering Driftwood color palette (#F9F5EB, #BCAA6C, #65A6B9, #93699A, #403D36)
• Aged Mint Alley color palette (#F5F7E6, #9AD496, #BBAEDC, #B88A9E, #3D4100)
• Wandering Summit color palette (#EAF9F7, #68A165, #8273B4, #804E5F, #2B423F)
• Bronze Ridge color palette (#FEF0FE, #72A1DF, #9F79B3, #A95400, #3D2C3D)
• Tempered Teal Terrace color palette (#F3F6F0, #D4DCDA, #A9B4BA, #64AC8F, #50544B)
• Chestnut Quarry color palette (#E3F4E6, #00A2AF, #8071C6, #964700, #0D2E18)
• Tempered Moss Hollow color palette (#F6F5EE, #CAD8A8, #8996DB, #829741, #382833)

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