Driftwood Garden color palette — #FCF2F5 · #A9DFCA · #8C6EAA · #62434E · #31292B
A conversation between Slate and Mint, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FCF2F5): a clean, paper-quiet neutral.
- Mint (#A9DFCA): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#8C6EAA): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#62434E): A full-bodied, dusty rose — the color of pressed rose petals.
- Onyx (#31292B): quiet, heavy and certain.
Feels like: Creativity, Sophistication. Tagged luxury, dark, 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
- Driftwood Basin color palette (#F5F4FD, #C1DFF4, #8580A7, #46425E, #1B1A22)
- Antique Rust color palette (#FFF2ED, #BECC94, #A75656, #6B2D16, #2D1D18)
- Stone Studio color palette (#F6F4FD, #D5BD8C, #61577C, #3A344C, #292329)
- Softworn Courtyard color palette (#FFF1F2, #FFD3C0, #B990AA, #806566, #342828)
- Dusty Meadow color palette (#FBF2F5, #E4C1FB, #AD9D30, #A07AB8, #302E27)
- Muted Moss Hollow color palette (#FFF1F5, #BE9AD7, #8EA65A, #4084A0, #4A373D)
- Hushed Boulevard color palette (#FFF1F2, #76D296, #A23199, #582252, #2C1115)
- Amber Studio color palette (#F8F6E7, #DFAAD5, #BE8261, #3D7790, #57423E)
Browse the whole catalog at Explore, or see today's palette.