Coral Drift color palette — #F0F5FF · #ABB9FF · #DB828C · #7F8145 · #004048

Watermelon and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#ABB9FF): A luminous, balanced violet — the color of a velvet chair.
• Watermelon (#DB828C): A luminous, balanced red — the color of embers at dusk.
• Walnut (#7F8145): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004048): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Coral Drift 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 Veranda color palette (#F4F4FF, #DBB4FE, #D49984, #779065, #254759)
• Hushed Wisteria Study color palette (#EDF6FF, #7CC6FF, #CD83B9, #9C7441, #084330)
• Patina Amber color palette (#FEF0FC, #9DBAFA, #BD7458, #5A6121, #013515)
• Ancient Study color palette (#EEF4FF, #CFCFF8, #BEACD4, #8A9E92, #385851)
• Dusty Ember color palette (#E2E6FF, #B390FF, #F43B08, #4B7600, #002837)
• Muted Pier color palette (#E5E3FF, #DAB6FF, #CE92E6, #AB79A6, #4E3E60)
• Quiet Fuchsia color palette (#F6F3FF, #FF7CF6, #DD7D00, #028D43, #003452)
• Airy Blush color palette (#F8EDFF, #FF80BD, #B68D00, #0C8175, #232456)

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