Patina Coast color palette — #FEF3E7 · #F3D188 · #B48D5B · #67625C · #272019

A conversation between Wheat and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF3E7): a clean, paper-quiet neutral.
• Wheat (#F3D188): A whisper-light, balanced gold — the color of old brass.
• Caramel (#B48D5B): A luminous, balanced gold — the color of afternoon light on wheat.
• Graphite (#67625C): quiet, heavy and certain.
• Onyx (#272019): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Softworn Bronze color palette (#F8F5EC, #F3DBA9, #AC9D74, #816A20, #2F2B21)
• Aged Pier color palette (#FAEDD9, #BC8E00, #725200, #362500, #030100)
• Honey Coast color palette (#F9F7DB, #FFC531, #779D33, #4E652B, #1D1B0A)
• Washed Sand color palette (#EFF8EE, #FBE3A8, #946E40, #283F26, #081307)
• Patina Chestnut Veranda color palette (#EBF5EA, #C8B087, #6F4E1D, #382200, #041004)
• Patina Delta color palette (#F1E3C6, #EFB403, #977C00, #5E4C00, #160E00)
• Marigold Garden color palette (#E1E9D4, #D09C00, #007B50, #00452A, #020300)
• Washed Taupe Pier color palette (#F8F5ED, #D7DFD3, #A3B8B3, #80A68C, #4A483F)

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