Patina Spruce color palette — #E5F2EF · #86A7A8 · #5C838A · #094305 · #000605

Forest takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E5F2EF): bright and airy, almost weightless.
• Blue Fog (#86A7A8): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#5C838A): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#094305): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000605): 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

• Spruce Harbor color palette (#EDEEE2, #A5AC9F, #738574, #134300, #141502)
• Dusty Spruce color palette (#D8E3E4, #75939C, #4E7181, #003228, #000202)
• Weathered Abyss color palette (#DBE9F1, #A6B5C2, #818FA1, #004C5D, #000D15)
• Fern Orchard color palette (#E2F2EE, #B0D9DC, #84ADBE, #325A00, #000303)
• Dusty Terrace color palette (#EAF4F7, #D0D6E4, #ACB9C6, #0B717E, #182226)
• Tempered Moss color palette (#D9ECEC, #69A100, #008561, #00535D, #000302)
• Timeworn Onyx color palette (#D8F6E1, #007A71, #00475A, #3B042D, #180004)
• Pine Lantern color palette (#C9EDE2, #297B2D, #00412A, #192200, #000403)

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