Spruce Harbor color palette — #CBECEB · #3F4047 · #00331C · #101419 · #000302
Built around Deep Forest, softened by Honeydew — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CBECEB): A whisper-light, dusty teal — the color of sea glass.
- Charcoal (#3F4047): a grounded near-black with real depth.
- Deep Forest (#00331C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#101419): a grounded near-black with real depth.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Cellar Cypress Hollow color palette (#D7EDEE, #007E5E, #00322B, #001415, #000504)
- Abyss Field color palette (#D3E9F5, #5B534E, #003D4D, #1E1A20, #00070F)
- Patina Garden color palette (#E5EFF8, #4F88B7, #2F3C4D, #131F2A, #080D11)
- Lowlit Aubergine Basin color palette (#D4EAF1, #005858, #450097, #002424, #020008)
- Lowlit Courtyard color palette (#D0EEFF, #006389, #372E31, #00203A, #000912)
- Shadow Canyon color palette (#D5ECEF, #403F46, #003228, #111319, #000303)
- Moonless Spruce Harbor color palette (#CEF9F2, #3D4047, #0D3300, #0E1418, #000301)
- Spruce Drift color palette (#D5F3EA, #3B3F47, #222F00, #0D1418, #000300)
Browse the whole catalog at Explore, or see today's palette.