Driftwood Field color palette — #F4F4FF · #FFD3DB · #E095A8 · #BA6B61 · #603D50

Mocha and Ballet Pink set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#FFD3DB): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#E095A8): A luminous, balanced red — the color of embers at dusk.
• Mocha (#BA6B61): A luminous, balanced orange — the color of sun-warmed clay.
• Cocoa (#603D50): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

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

• Mallow Workshop color palette (#FFF1F4, #E295C3, #B97185, #824E48, #544E48)
• Bronze Veranda color palette (#F6F3FF, #EBD8D5, #EF9C9E, #AD6A44, #375037)
• Softworn Basin color palette (#FFF0FD, #E8D3D8, #EAA09E, #A14F4D, #4A1F17)
• Coral Balcony color palette (#FDF0FD, #F3D5C5, #8EDDCF, #E17478, #1D4E56)
• Aged Grove color palette (#FFE5F1, #F37C8E, #D13B24, #6E3900, #291D00)
• Tempered Basalt Drift color palette (#FFE8E5, #D2CFDB, #A0969C, #4E3B4C, #251F24)
• Airy Ember color palette (#FFF1F5, #F9A097, #E36B2F, #7F5100, #392B00)
• Coral Delta color palette (#FDD8DD, #E7715D, #8E4E00, #432E00, #0C0C00)

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