Sand Harbor color palette — #FFF1F4 · #FFD1D4 · #F3BF89 · #817FB0 · #583735

A conversation between Cantaloupe and Slate Blue, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FFD1D4): A whisper-light, dusty red — the color of embers at dusk.
• Cantaloupe (#F3BF89): A whisper-light, balanced gold — the color of old brass.
• Slate Blue (#817FB0): A luminous, dusty violet — the color of wild irises.
• Cocoa (#583735): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Softness. Tagged pastel, light, muted, warm.

Use it as a design system

One click turns Sand Harbor 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

• Stone Hollow color palette (#FFF0F9, #FAD1FF, #F2A8A3, #4E8AAB, #4E343C)
• Oat Loft color palette (#FFF2EE, #EADABB, #C4CE83, #A07596, #6A3403)
• Wisteria Drift color palette (#FFF1F1, #E8D7C8, #D3BB8F, #D58EC3, #54312E)
• Muted Taupe Atelier color palette (#F9F2FF, #FFD1DC, #D59493, #88597C, #45364C)
• Sunlit Sunflower Thicket color palette (#FFEAD9, #EED76B, #7ACFA4, #A8596C, #39352F)
• Patina Cocoa color palette (#FFF2ED, #DFDECD, #B6BCC7, #C0999C, #733E0B)
• Aged Bronze color palette (#FAE3D5, #CEA578, #AE6D56, #784E46, #33302A)
• Ancient Lilac Summit color palette (#D2E5CC, #C8BDFF, #AF7EE9, #452C36, #1F171A)

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