Patina Coast color palette — #FFF3E8 · #E2DAD1 · #DFC48B · #B0B6A8 · #5C3700

Cocoa takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#E2DAD1): bright and airy, almost weightless.
• Sand (#DFC48B): A whisper-light, dusty gold — the color of honey in a jar.
• Ash (#B0B6A8): A luminous, dusty green — the color of fresh herbs.
• Cocoa (#5C3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Worn Bronze Corridor color palette (#F9F5EB, #C4E1CC, #B7AF87, #AF7846, #564400)
• Timeworn Driftwood Atelier color palette (#FCF5DF, #D3DFCB, #C1C3B1, #7B947F, #3D5749)
• Wandering Alley color palette (#FFF1F6, #EBDAC0, #FFBB78, #AF9456, #3C4A3A)
• Hushed Apricot Summit color palette (#FFF3E6, #D9A264, #714C00, #322920, #130E0B)
• Timeworn Lime Chapel color palette (#FFF4E2, #CBFDD0, #DEDCCC, #B0B000, #332800)
• Celadon Market color palette (#F7F7E4, #FAFD9C, #BDFBDA, #78C991, #35362F)
• Tangerine Station color palette (#EFE2D3, #EF7D23, #AD7400, #6F5D00, #020100)
• Mustard Loft color palette (#FFF4DB, #E0E2AD, #D8BE00, #7C9700, #141100)

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