Patina Pier color palette — #F4E7D1 · #808148 · #366338 · #1D3561 · #381939

Built around Pine, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Parchment (#F4E7D1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#808148): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#366338): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#1D3561): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#381939): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Fern Grove color palette (#FAE4D7, #AA813A, #585D00, #00415A, #182546)
• Antique Hollow color palette (#F3F2D8, #5C7E45, #00543C, #28234D, #330420)
• Patina Moss color palette (#FAE6DE, #99953B, #417C6C, #504164, #3A1827)
• Tempered Summit color palette (#E2E0CF, #A2AC7D, #728E67, #2A686E, #002F39)
• Olive Thicket color palette (#F1ECD5, #808600, #445900, #123900, #00221D)
• Wandering Olive color palette (#D1E5DD, #59884C, #005330, #4C1F02, #062200)
• Weathered Veranda color palette (#CBF6F4, #57A8A1, #316D81, #5F3D56, #462C47)
• Wandering Aubergine Coast color palette (#D1EEE6, #5E8B1E, #730095, #284200, #2C003C)

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