Patina Cocoa color palette — #FFF4E2 · #FFBDBA · #D4A279 · #549A96 · #6F350F

Bronze and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rose Quartz (#FFBDBA): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#D4A279): A luminous, balanced gold — the color of afternoon light on wheat.
• Storm Blue (#549A96): A luminous, dusty teal — the color of sea glass.
• Bronze (#6F350F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged retro, light, muted, warm.

Use it as a design system

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

• Sand Grove color palette (#FFF4E2, #FFC19A, #C0AD70, #5E95A9, #4C4741)
• Dusty Stone color palette (#FDF4E5, #F2BDE8, #DF989E, #739770, #564241)
• Misty Amber Quarry color palette (#FFF4E2, #FFA783, #C89300, #00899E, #512A04)
• Patina Study color palette (#E6FBF2, #FFCCE1, #C09A72, #4B7991, #473A46)
• Hushed Apricot Corridor color palette (#FBEFE8, #FA9B76, #A07038, #7C441A, #27201D)
• Dusty Fern Terrace color palette (#F5F6EB, #D8E3C0, #7DC7B1, #B4908C, #45550B)
• Apricot Basin color palette (#F1DBB8, #F78A35, #A28500, #00718E, #351E00)
• Quiet Alley color palette (#F9E2B4, #BAB800, #00AB49, #594DE7, #222E00)

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