Patina Spruce color palette — #E1ECE8 · #899F9C · #557878 · #253000 · #000D08

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

The five colors

• Cream (#E1ECE8): bright and airy, almost weightless.
• Blue Fog (#899F9C): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#557878): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#253000): A deep, shadowed, dusty green — the color of fresh herbs.
• 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

• Tempered Quarry color palette (#E6F2F5, #8FAFBC, #668497, #00413D, #07161A)
• Hushed Fern color palette (#E1DFD2, #A3A793, #7D8C74, #414B00, #0C0900)
• Wandering Forest Alley color palette (#E4F2F0, #BBD1D2, #84A8AE, #326232, #21312F)
• Faded Fern color palette (#C2ECE6, #7F8400, #1E6D00, #004B47, #000301)
• Antique Cypress Garden color palette (#D8E7D0, #007454, #00434A, #2F103A, #280318)
• Eclipse Fern color palette (#D8EEE2, #4F6700, #063503, #1A1700, #040700)
• Inked Fern Summit color palette (#E9E3D6, #375500, #002B1F, #14002C, #000500)
• Patina Cypress color palette (#EDF7F9, #D3DDE8, #B9C1CF, #458173, #3E4A4C)

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