Patina Coast color palette — #FEF1F9 · #F1D4CA · #FFB193 · #C89E48 · #4D3341

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

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Bone (#F1D4CA): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFB193): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#C89E48): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#4D3341): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Muted Veranda color palette (#FCF1FE, #FFCDF7, #FFB5BC, #E58E4E, #543751)
• Mustard Bloom color palette (#FFF2EB, #FBD4D5, #E7C097, #CCBE61, #542E00)
• Timeworn Sand Workshop color palette (#EFF8EE, #DCD8C7, #FFCB89, #AFB26A, #374D3E)
• Worn Studio color palette (#FFF0FA, #EABFCE, #A79D71, #547D8F, #3F5061)
• Soft Amber Terrace color palette (#FFE3F2, #EAA96B, #BF7F00, #8C6900, #4D481E)
• Hushed Marigold color palette (#FFF1F6, #FFB5A6, #F59403, #A19000, #372200)
• Apricot Lantern color palette (#FFF0F8, #FFBAEF, #FFA381, #909440, #29412A)
• Dusty Periwinkle Station color palette (#EBFAED, #D5B270, #7E9FFF, #A57700, #314261)

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