Patina Cocoa color palette — #FDF1F8 · #D08268 · #3D6C18 · #892C00 · #001E19

A conversation between Rust and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Coral Clay (#D08268): A luminous, balanced orange — the color of toasted spice.
• Olive (#3D6C18): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#892C00): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#001E19): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Feathered Hollow color palette (#FAF2FC, #CF7D92, #4E6900, #940044, #031E17)
• Ancient Amber color palette (#FDF2F5, #C08E56, #006C69, #714400, #001C23)
• Hushed Pine color palette (#FCF2F6, #D1A47F, #41803F, #8C4E00, #102926)
• Washed Boulevard color palette (#FAF0E6, #D48E4A, #6B6800, #7C4600, #090600)
• Aubergine Thicket color palette (#FFE7EE, #B37647, #596100, #4F2083, #1C3820)
• Misty Moss color palette (#E9FAF2, #A2AA43, #006E95, #565B00, #00202F)
• Bronze Delta color palette (#FCF2F6, #EAA264, #987E00, #A65C00, #0A1D12)
• Aged Olive Parlor color palette (#FFD9C8, #C3915C, #796D00, #364900, #003E1A)

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