Spruce Veranda color palette — #E1EDF1 · #80909B · #5F6B82 · #003130 · #000202

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

The five colors

• Frost (#E1EDF1): a clean, paper-quiet neutral.
• Slate Blue (#80909B): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5F6B82): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#003130): 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 Veranda 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

• Navy Cabin color palette (#E8EEF6, #9B9FB1, #807692, #003275, #000410)
• Aged Abyss color palette (#E3ECE4, #AFBFB6, #7C998F, #004548, #000200)
• Weathered Balcony color palette (#E7EDE6, #97AAA1, #9C7996, #00504D, #040C03)
• Aged Atelier color palette (#E1EBF0, #C5CCD5, #9EA3B7, #006071, #09181F)
• Navy Villa color palette (#D8E7D8, #1F6D72, #283373, #1B1D00, #040400)
• Washed Lantern color palette (#EDF2F7, #D9D6DF, #C4B8C4, #4A79A4, #262D34)
• Fern Lantern color palette (#D4E3D5, #565E04, #003412, #00181C, #010100)
• Washed Ultramarine color palette (#EDF2FC, #D1D2E5, #B3A5C1, #3340D6, #111A2A)

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