Patina Spruce color palette — #E9DFE6 · #5EAFA9 · #006271 · #004120 · #002333

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

The five colors

• Silver (#E9DFE6): bright and airy, almost weightless.
• Turquoise (#5EAFA9): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006271): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#004120): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Study color palette (#EEDFE9, #2B9FB3, #005070, #003127, #001330)
• Petrol Alley color palette (#F4EBF2, #82BCC5, #007297, #005140, #102F4E)
• Hushed Ultramarine color palette (#EDDFE4, #68A6CF, #1651AF, #003D41, #1B1746)
• Cerulean Chapel color palette (#E6DED2, #84D0CB, #00A5B4, #00805E, #00242E)
• Timeworn Cerulean Summit color palette (#FBF2F8, #96DDDD, #008EAA, #006A44, #164460)
• Navy Grove color palette (#F3E5E9, #5185B2, #182A96, #002127, #0B0026)
• Plum Hollow color palette (#F1DDF2, #C81146, #006768, #6F0022, #002020)
• Pale Field color palette (#F0D8D8, #AA002C, #005A59, #143C54, #2A0005)

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