Patina Mustard color palette — #FFF2EB · #F7D4D1 · #FFB394 · #CFAA00 · #59361E

Built around Gold, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Shell Pink (#F7D4D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#FFB394): A whisper-light, balanced orange — the color of toasted spice.
• Gold (#CFAA00): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#59361E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Softness. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Feathered Basin color palette (#FFF3E6, #F7D4C6, #FCB96F, #8DB730, #4C3D0B)
• Apricot Coast color palette (#FFF2EF, #EED3FF, #FFB8C4, #EE8600, #5D2E30)
• Softworn Mustard color palette (#FFF0FA, #E7D7D6, #A0B9AF, #BCB665, #462A34)
• Hushed Field color palette (#FFF2EB, #EDD6C6, #C5E69B, #C5C092, #5E3100)
• Misty Bronze Station color palette (#FFF0F9, #FFC9C5, #FFA37D, #B77200, #523845)
• Airy Amber color palette (#FFE3DB, #E4A57D, #BC812C, #7D6900, #4B4D15)
• Pale Mustard color palette (#FAF2DC, #FFAC67, #C7AD00, #00A368, #1C2600)
• Muted Dune color palette (#FFF3E6, #FFB5BD, #FE9938, #929C00, #342200)

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