Spruce Coast color palette — #E0F5E5 · #3D4148 · #00421F · #11151A · #000808
Built around Forest, softened by Honeydew — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E0F5E5): A whisper-light, dusty teal — the color of sea glass.
- Charcoal (#3D4148): a grounded near-black with real depth.
- Forest (#00421F): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#11151A): a grounded near-black with real depth.
- Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Spruce Coast 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
- Forest Field color palette (#E6F3E9, #006434, #39444A, #001E19, #020300)
- Deep Basalt color palette (#EAF1D9, #645854, #313C00, #191C22, #000903)
- Olive Basin color palette (#D2F0DE, #507500, #004221, #241E00, #020300)
- Cobalt Boulevard color palette (#DEECF8, #007CBA, #283145, #0B1721, #02070A)
- Linen Pine color palette (#E8F3D8, #008555, #005163, #410619, #1B0006)
- Garnet Veranda color palette (#CFE7EC, #006A62, #8C002A, #00312D, #0A0001)
- Garnet Harbor color palette (#DFF5F4, #005553, #760033, #5E0008, #000201)
- Dusty Nightshade color palette (#F8E8ED, #4790C8, #1637AF, #002B30, #050019)
Browse the whole catalog at Explore, or see today's palette.