Patina Pier color palette — #FCF4EA · #E0DACF · #DECE88 · #A9BDBC · #533500

Honey and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Bone (#E0DACF): bright and airy, almost weightless.
• Honey (#DECE88): A whisper-light, balanced green — the color of fresh herbs.
• Ash (#A9BDBC): A luminous, dusty teal — the color of shallow lagoons.
• Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Antique Oat color palette (#FEF3E9, #C9FAD9, #E8D8CF, #B5D389, #573E00)
• Worn Bronze Canyon color palette (#F8F5EB, #C2E1CE, #B4B08B, #AC7A43, #524600)
• Feathered Lime Veranda color palette (#FFF4DD, #FFE88D, #DFDECC, #B3C11F, #352E00)
• Softworn Sand Grove color palette (#FFF1F5, #ECDBBE, #FFC586, #B4A35B, #3F5141)
• Moss Coast color palette (#F8F5E8, #E4EBB5, #85DBEC, #98A152, #2D4F39)
• Weathered Honey color palette (#FEECF2, #E4D5CD, #FFBB63, #8DAF68, #1C2E23)
• Dusty Cerulean color palette (#F4F6EE, #C7DCE5, #99CFD2, #609DAA, #35554C)
• Dusty Mint Chapel color palette (#F5F7E1, #A8F3E6, #8BD9DC, #7AD7AA, #31322B)

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