Spruce Orchard color palette — #CFEFF2 · #3E3F46 · #003226 · #111419 · #000303

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

The five colors

• Frost (#CFEFF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3E3F46): quiet, heavy and certain.
• Deep Forest (#003226): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#111419): quiet, heavy and certain.
• Black (#000303): a grounded near-black with real depth.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Spruce Orchard 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

• Eclipse Cypress Canyon color palette (#D8F3F7, #007C70, #002F3B, #001317, #000504)
• Cobalt Orchard color palette (#E3EFFD, #5582CC, #373A4C, #181F28, #090D10)
• Midnight Abyss Ridge color palette (#D8E9CC, #005241, #151F21, #001111, #010200)
• Lowlit Garnet color palette (#C5E6F5, #005761, #740208, #002328, #050000)
• Inked Garnet Corridor color palette (#D0E9EF, #00444E, #620107, #401100, #000102)
• Velvet Cypress Veranda color palette (#E2F0DC, #006E63, #003850, #340200, #080006)
• Denim Meadow color palette (#DBE6F2, #005EA0, #251F25, #1C1248, #000815)
• Midnight Spruce Harbor color palette (#D5ECEA, #3C3F46, #003318, #101419, #000303)

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