Spruce Pier color palette — #F7E3DF · #705200 · #004316 · #2C0F21 · #030014
Built around Forest, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F7E3DF): A whisper-light, dusty orange — the color of autumn markets.
- Coffee (#705200): A full-bodied, balanced gold — the color of old brass.
- Forest (#004316): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Indigo (#2C0F21): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#030014): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.
Use it as a design system
One click turns Spruce Pier 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
- Twilit Fern color palette (#FFECDD, #516628, #003F39, #250B2B, #080002)
- Eclipse Garden color palette (#EDDCE2, #8A3F00, #313B00, #001736, #00030C)
- Abyss Villa color palette (#F4F0D8, #687148, #234517, #002729, #030F1C)
- Washed Bronze color palette (#FBE5D1, #95831B, #41571F, #00223B, #010009)
- Charred Cocoa color palette (#FFEBD9, #664800, #343200, #041700, #000201)
- Deep Garden color palette (#F1EFDA, #443C00, #51005B, #3C0021, #010100)
- Aubergine Hollow color palette (#E6E1C7, #495200, #440098, #1D2100, #010008)
- Bronze Canyon color palette (#FEE3E0, #996C2E, #47582A, #2D275C, #20001E)
Browse the whole catalog at Explore, or see today's palette.