Spruce Ridge color palette — #E2F6E4 · #504E58 · #003133 · #091719 · #000304

Built around Deep Forest, softened by Honeydew — the whole palette hums with sophistication and depth.

The five colors

• Honeydew (#E2F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal Brown (#504E58): quiet, heavy and certain.
• Deep Forest (#003133): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#091719): quiet, heavy and certain.
• Ink (#000304): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Shadow Summit color palette (#CFEAF3, #004F52, #24262D, #001014, #000202)
• Shadow Petrol color palette (#D8EDE4, #006E95, #002D24, #00110A, #000301)
• Abyss Corridor color palette (#DDE0D2, #45819C, #00405F, #001E25, #000104)
• Aubergine Orchard color palette (#D3E4F2, #003F64, #48006C, #002A22, #000103)
• Wandering Alley color palette (#FBE7F1, #7F79B9, #47363D, #251B20, #100A0E)
• Cellar Fern color palette (#F0E6CF, #5E5B00, #272E00, #081900, #010100)
• Nocturne Denim Thicket color palette (#D1E9ED, #006683, #00385A, #220736, #09000A)
• Midnight Lapis Boulevard color palette (#FBEAF5, #4615F3, #201047, #221508, #14010F)

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