Spruce Harbor color palette — #F3DCD8 · #D5A891 · #B08C69 · #548077 · #07401E

Forest takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F3DCD8): A whisper-light, dusty orange — the color of toasted spice.
• Rosewood Mist (#D5A891): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#B08C69): A luminous, dusty gold — the color of old brass.
• Slate (#548077): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#07401E): A deep, shadowed, balanced teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Spruce 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

• Muted Stone color palette (#F8E4EA, #E9A5AA, #AD89A2, #5A806A, #134638)
• Antique Stone color palette (#FFE6EE, #C6B283, #76A38E, #49797C, #003F3C)
• Muted Petrol Quarry color palette (#F0DFE8, #C89389, #6C896F, #376486, #0E3654)
• Chestnut Coast color palette (#F5DACA, #A68567, #875A00, #294723, #1E250B)
• Dusty Jade color palette (#D2EBE4, #A2C694, #67A16D, #936A55, #00312B)
• Antique Drift color palette (#FFEEFE, #E2ADB9, #9F8062, #005A78, #3D2238)
• Olive Courtyard color palette (#EFEAD5, #909664, #61804F, #006263, #002028)
• Worn Abyss Atelier color palette (#E4FDE5, #BFDDC8, #9FBEB1, #6C999D, #2D5762)

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