Spruce Pier color palette — #C5EDF2 · #5D5455 · #003228 · #0F1519 · #000304

Built around Deep Forest, softened by Frost — the whole palette hums with sophistication and depth.

The five colors

• Frost (#C5EDF2): A whisper-light, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5D5455): a grounded near-black with real depth.
• Deep Forest (#003228): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0F1519): 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 Abyss color palette (#D4F2DF, #00584E, #003336, #001017, #000104)
• Obsidian Garnet Drift color palette (#D7F3FF, #005760, #691F00, #002328, #040000)
• Onyx Station color palette (#E1E4CB, #386152, #004234, #380004, #060400)
• Dusty Cerulean color palette (#E5EEFB, #6A83B2, #3A394E, #151F2C, #070D11)
• Aged Abyss Lantern color palette (#EDDEE9, #3E848F, #00405F, #002113, #00000D)
• Lowlit Field color palette (#DBEBFD, #005CA6, #231E24, #270849, #000817)
• Garnet Workshop color palette (#D1E1F0, #003E68, #600022, #341300, #000104)
• Inked Spruce Quarry color palette (#CFF0F4, #5D5450, #00372E, #151D22, #000506)

Browse the whole catalog at Explore, or see today's palette.