Patina Spruce Pier color palette — #EBE1C8 · #645800 · #004316 · #002525 · #230800

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

The five colors

• Parchment (#EBE1C8): A whisper-light, dusty gold — the color of old brass.
• Olive (#645800): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004316): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#002525): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#230800): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Patina Spruce Pier 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

• Timeworn Olive color palette (#E5E3D0, #878300, #4F5700, #2A3600, #002314)
• Patina Parlor color palette (#E3E4D4, #286800, #00403D, #002138, #161100)
• Cellar Harbor color palette (#F2E9DA, #574200, #222E2E, #120F00, #050200)
• Muted Amber color palette (#F3DDBD, #DD8300, #AB7900, #5D5500, #231900)
• Lowlit Chestnut color palette (#F9EADB, #7B4C00, #003E47, #001545, #0A0009)
• Timeworn Drift color palette (#ECEACC, #597C00, #00594D, #00374F, #2E2200)
• Airy Navy color palette (#D9E6D5, #00796E, #004D69, #26107B, #152500)
• Soft Loft color palette (#F0FAE0, #009563, #006573, #00388D, #323300)

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