Patina Pier color palette — #FBEFE8 · #D18763 · #5E7C44 · #2E5640 · #391D29

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

The five colors

• Cream (#FBEFE8): a clean, paper-quiet neutral.
• Coral Clay (#D18763): A luminous, balanced orange — the color of autumn markets.
• Olive (#5E7C44): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2E5640): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#391D29): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Amber Boulevard color palette (#FAF0E7, #D08B41, #448062, #344D70, #3D1C1A)
• Weathered Corridor color palette (#FFEDEB, #D67C9A, #876E31, #1D5849, #331F32)
• Worn Orchard color palette (#FFEFDE, #DDA75D, #A28234, #66602D, #36352E)
• Antique Bronze color palette (#FFEFDE, #B57100, #006D3C, #003D5E, #2C002E)
• Patina Stone color palette (#FFEEE3, #D6BF9F, #9B9476, #617369, #4A3848)
• Softworn Bronze color palette (#F7EBE1, #BE6B00, #3F3B34, #251C14, #100B08)
• Chalky Courtyard color palette (#F7F2DF, #8F9500, #007378, #3F3967, #370E14)
• Ancient Ash Atelier color palette (#F6F1EA, #C1EAE4, #6FA5BC, #5B7356, #1F3D34)

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