Patina Cocoa color palette — #E5FDE3 · #BDB477 · #9B6C26 · #752C13 · #001712

Rust and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E5FDE3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#BDB477): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#9B6C26): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#752C13): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#001712): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Timeworn Boulevard color palette (#FFF0F9, #D1AB80, #A86045, #72293D, #00180B)
• Driftwood Atelier color palette (#E5FCE9, #C8CD92, #A2854D, #7B4A2F, #032824)
• Weathered Archive color palette (#CFEFD9, #8FA45F, #725E00, #4C2700, #000601)
• Washed Bronze Courtyard color palette (#FDEDD9, #C7AF70, #BB8120, #A15400, #282500)
• Cocoa Station color palette (#FFEAE0, #AE7A29, #7F3300, #450014, #010100)
• Taupe Grove color palette (#E6FBF0, #B5EADE, #A5A169, #826441, #123839)
• Gentle Rust color palette (#FCF1FF, #F991B8, #C9554D, #583500, #120E00)
• Obsidian Bronze color palette (#FFE2EB, #827224, #563300, #290400, #010100)

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