Spruce Ridge color palette — #FBDAE4 · #5B3700 · #003108 · #121004 · #0D0005

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

The five colors

• Shell Pink (#FBDAE4): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#5B3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003108): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#121004): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0D0005): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Charred Cocoa Terrace color palette (#E7F2E7, #604200, #002714, #150006, #010200)
• Chestnut Cabin color palette (#F1ECD8, #736300, #2C3700, #001010, #010100)
• Cellar Garnet Balcony color palette (#F5EAF4, #7D0018, #262000, #0B001C, #040002)
• Antique Basalt color palette (#E8F3EA, #A6C3B1, #7A9A8B, #4C3800, #000200)
• Powdered Boulevard color palette (#E4FBF4, #84BE4C, #008C9B, #76472C, #061C10)
• Eclipse Pier color palette (#D2F7EF, #386900, #003E47, #2D1200, #020100)
• Powdered Plum Grove color palette (#D8FFF3, #689300, #B10049, #652500, #090600)
• Timeworn Workshop color palette (#E2FDEE, #897D00, #006F61, #003845, #000400)

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