Patina Cocoa color palette — #FEF3E8 · #FFD0C9 · #A9A471 · #6B6CA1 · #5E3300

Cocoa and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Shell Pink (#FFD0C9): A whisper-light, dusty orange — the color of toasted spice.
• Sage (#A9A471): A luminous, dusty green — the color of new leaves after rain.
• Slate (#6B6CA1): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5E3300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, muted.

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

• Petrol Bloom color palette (#FDF2F1, #F5B8C9, #8CA469, #6263A0, #532936)
• Tempered Pewter color palette (#FFF2EC, #F8D8A5, #77B28B, #915C91, #413F38)
• Ancient Market color palette (#E9FAEC, #F3C7A0, #B9B166, #6693AB, #3C4D3D)
• Tempered Fern color palette (#F8F5EC, #C0E0D6, #A1B692, #9F7B80, #484A00)
• Timeworn Studio color palette (#E8FBEB, #E38F6F, #737E44, #495A75, #3E4C3C)
• Antique Lime color palette (#FFF2EF, #99BA00, #008386, #84003C, #001F08)
• Aged Teal color palette (#FAF4EF, #C8DBE6, #C7BCEF, #42A49C, #614352)
• Softworn Market color palette (#FDF4E7, #DFD3CB, #93DC97, #9BB1B2, #3D3A33)

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