Spruce Drift color palette — #DEECF1 · #819099 · #5C6C81 · #003133 · #000202

Deep Forest and Slate set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DEECF1): a clean, paper-quiet neutral.
• Gray (#819099): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5C6C81): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003133): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: 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

• Aged Chapel color palette (#E1EBE3, #B1BFB6, #7A9A8B, #00454B, #000200)
• Wandering Abyss Veranda color palette (#E0E8E0, #95ABA0, #997A99, #005052, #010D02)
• Navy Delta color palette (#E1E7F2, #9C9FAF, #7D7793, #051D97, #000410)
• Obsidian Navy color palette (#DEF2EE, #16677D, #2E346E, #231600, #030400)
• Ancient Petrol color palette (#ECF3F8, #D5D5DE, #B0B6CD, #006E94, #15222B)
• Nightshade Lantern color palette (#CDE5F3, #008A68, #006781, #2100A2, #000103)
• Nocturne Fern Lantern color palette (#DBEAE1, #4C6126, #003416, #001819, #010100)
• Linen Garden color palette (#ECF2FF, #D1D2E5, #B0A4C7, #442FE2, #10192E)

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