Driftwood Ridge color palette — #F0F5FF · #B4DCC4 · #6C7E9F · #404D66 · #262B36

A conversation between Slate and Oat, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Oat (#B4DCC4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#6C7E9F): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#404D66): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#262B36): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Weathered Shell color palette (#EEF6FD, #F8C2B6, #57849E, #365065, #242D33)
• Cobalt Lagoon color palette (#FAF3F8, #CCE1CE, #7182BF, #573C51, #20181E)
• Ash Bloom color palette (#F0F5FF, #F0D2F4, #919BCA, #626D84, #282B32)
• Iris Orchard color palette (#F2F5FC, #C4CEFD, #CA8688, #7C87C7, #342A33)
• Worn Pewter Dune color palette (#ECEDFC, #A1C088, #70568A, #3E2C50, #141422)
• Weathered Cypress color palette (#E6FBF3, #BEB6E9, #B48198, #377D6F, #474558)
• Weathered Ash Grove color palette (#F2F5FF, #ABA3D8, #B4966E, #8D774F, #393C4B)
• Hushed Ash Chapel color palette (#F4F4FC, #DED8DD, #BDAEAE, #9597C0, #51525A)

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