Patina Spruce color palette — #C8E5FA · #6D78AF · #654365 · #1E3A00 · #001814

Forest and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#C8E5FA): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6D78AF): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#654365): A full-bodied, dusty pink — the color of peonies in June.
• Forest (#1E3A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001814): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Pewter Corridor color palette (#DFE6F9, #895F95, #713C4B, #003E2F, #001719)
• Denim Study color palette (#DAEEEC, #4A7B9D, #504F83, #413200, #111700)
• Worn Boulevard color palette (#D7EBFF, #7877AB, #733F66, #0C3008, #000201)
• Worn Denim color palette (#F1DFD7, #53A1A3, #006278, #003E27, #000A15)
• Hushed Boulevard color palette (#E2E4FF, #A483A7, #956062, #005C56, #003039)
• Hushed Fern Pier color palette (#DBE0F8, #BE9BCC, #AE6E7C, #486121, #00402D)
• Antique Byzantium Balcony color palette (#FEE8FF, #9E35A4, #00504B, #134900, #050005)
• Quiet Canyon color palette (#FAE0E4, #983D9B, #3B6600, #5E0061, #030800)

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