Patina Spruce color palette — #E7F3EB · #7C938C · #4B7471 · #332900 · #000201

Built around Espresso, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F3EB): a clean, paper-quiet neutral.
• Eucalyptus (#7C938C): A luminous, dusty teal — the color of sea glass.
• Teal (#4B7471): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

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

• Patina Balcony color palette (#F3EEE3, #9B9B8B, #607B3C, #362900, #0F0800)
• Abyss Villa color palette (#DFEAEA, #8DA5AA, #5F8193, #004228, #000606)
• Patina Basalt color palette (#F4EFE1, #BFBBA8, #969377, #443D00, #020100)
• Ancient Fern Corridor color palette (#DFEDE7, #B4D3CF, #88ABAF, #535B00, #0E1914)
• Softworn Alley color palette (#CEF0E4, #A36E00, #536300, #00483F, #010200)
• Fern Villa color palette (#EDE3C0, #3D6B39, #004341, #1A102D, #0A000B)
• Nocturne Fern color palette (#DDECDB, #655800, #213000, #1F1000, #020100)
• Washed Cypress Parlor color palette (#EAF4F3, #CFD9E0, #B3BECB, #49807C, #252E2D)

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