Driftwood Garden color palette — #FBF2FB · #B97777 · #3D785A · #00526C · #312E3F

Caramel takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Caramel (#B97777): A luminous, balanced red — the color of embers at dusk.
• Teal (#3D785A): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#00526C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#312E3F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Patina Olive color palette (#FCF2F7, #BC8B75, #5B7C44, #005D74, #4E375D)
• Weathered Olive color palette (#F6F3FF, #967193, #72702E, #005B50, #2A3344)
• Olive Loft color palette (#F8EEF8, #B7757B, #677423, #3A4673, #211621)
• Navy Archive color palette (#FFF1F6, #A37D56, #007988, #4A468A, #3A2E3E)
• Quiet Rust Harbor color palette (#FFF0FA, #BC4200, #006354, #003A6C, #3A142F)
• Hushed Emerald color palette (#FFF1F1, #C882A8, #5E9851, #655B90, #422E2D)
• Aged Bronze Study color palette (#FDEDF3, #A66E40, #304233, #33232A, #1A1314)
• Driftwood Alley color palette (#F9F3F7, #DFD7D7, #A4B2BB, #B06E62, #575055)

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