Spruce Pier color palette — #D9ECF4 · #5A524E · #003037 · #121419 · #000304
Built around Deep Forest, softened by Frost — the whole palette hums with sophistication and depth.
The five colors
- Frost (#D9ECF4): A whisper-light, dusty blue — the color of deep harbor water.
- Charcoal Brown (#5A524E): a grounded near-black with real depth.
- Deep Forest (#003037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#121419): a grounded near-black with real depth.
- 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 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
- Moonless Denim color palette (#CDE9F3, #005C78, #002C42, #001222, #000104)
- Charred Navy Ridge color palette (#D7E6F9, #4C403B, #00275C, #170E19, #010012)
- Tempered Iris Thicket color palette (#EBEDF7, #8A74B9, #3A3851, #1C1D28, #0B0C12)
- Twilit Fern Drift color palette (#D2E4DB, #535F00, #1E3000, #001A03, #010100)
- Cobalt Lantern color palette (#E1F1F0, #3C7FAB, #003D6A, #001E29, #000105)
- Charred Garnet color palette (#CFE3F8, #004E87, #6C004D, #001F3B, #040002)
- Twilit Loft color palette (#E0EBFF, #1F1CA1, #58004A, #00282C, #00000B)
- Grape Bloom color palette (#E0E7FF, #5F00E7, #280749, #29131B, #03041E)
Browse the whole catalog at Explore, or see today's palette.