Patina Spruce color palette — #DCE6E3 · #8C9E9D · #51787E · #243000 · #000D08

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

The five colors

• Parchment (#DCE6E3): a clean, paper-quiet neutral.
• Blue Fog (#8C9E9D): A luminous, dusty teal — the color of sea glass.
• Slate (#51787E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#243000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000D08): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Abyss Workshop color palette (#E6F1F4, #98ADB8, #67829D, #00413D, #00171D)
• Weathered Boulevard color palette (#ECECE1, #8D907B, #64732E, #1B3100, #010100)
• Dusty Onyx color palette (#E6E3D5, #577452, #004E4C, #3E0017, #240A00)
• Muted Cypress Thicket color palette (#E8F8FE, #C4D5E1, #90A9C8, #00676C, #1B3740)
• Aged Lantern color palette (#CAE7E2, #947900, #277900, #00464F, #000803)
• Inked Atelier color palette (#D3E9E8, #5B504E, #003819, #101E22, #000505)
• Obsidian Corridor color palette (#F5D4E4, #435100, #002B24, #1F0016, #000500)
• Tempered Olive Orchard color palette (#EFF7F5, #CEDCE3, #9AC4CF, #437B00, #274741)

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