Spruce Drift color palette — #E4F3F1 · #89A7A6 · #608385 · #00430D · #000605
Built around Forest, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#E4F3F1): bright and airy, almost weightless.
- Blue Fog (#89A7A6): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#608385): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#00430D): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000605): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Spruce Drift 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
- Spruce Grove color palette (#EEF0E0, #A6AC9C, #72866A, #0C4402, #141506)
- Spruce Chapel color palette (#DBE9EB, #779399, #567079, #00322A, #000202)
- Tempered Studio color palette (#DBE5EA, #A4B6C3, #7791A9, #004B5F, #000D15)
- Dusty Fern color palette (#DBECE8, #A4B9BB, #7D9BA7, #336000, #001914)
- Dusty Petrol Study color palette (#E9F4F9, #CED7E8, #AABAC6, #2B6F7B, #162328)
- Aged Emerald Loft color palette (#D5EADE, #25A318, #008959, #005149, #000201)
- Timeworn Cypress color palette (#D5F3ED, #00797E, #004D5E, #1B1A3E, #0E0121)
- Pine Harbor color palette (#D8F6EF, #0F7E19, #004220, #112400, #000403)
Browse the whole catalog at Explore, or see today's palette.