Sand Harbor color palette — #FFDED2 · #E2C585 · #97B788 · #AA8197 · #5C3B4D

Built around Honey, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDED2): A whisper-light, dusty orange — the color of toasted spice.
• Honey (#E2C585): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Sage (#97B788): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AA8197): A luminous, dusty rose — the color of a warm blush.
• Cocoa (#5C3B4D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Teal Coast color palette (#FFEBB1, #B5D9A3, #69BFB3, #AF8083, #684346)
• Sand Ridge color palette (#FFE7E9, #FFB78D, #BEB278, #6C86AB, #5A3F5A)
• Misty Station color palette (#E4E2CF, #66D294, #5FAFB6, #A26C83, #622744)
• Stone Summit color palette (#F7D7C5, #C5B87C, #7BA379, #876370, #442F58)
• Softworn Chartreuse Coast color palette (#FFF4DE, #BDDD73, #66BB77, #AF748D, #35401A)
• Weathered Stone color palette (#FFF4DD, #C5B975, #8C9B68, #3B8178, #00575D)
• Denim Market color palette (#F7D9E5, #BAA46A, #6D7D52, #1B5682, #20274A)
• Sunflower Workshop color palette (#EEF0B6, #D6D63A, #BA78DD, #8C88E7, #32302A)

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