Patina Cocoa Meadow color palette — #FBF4E6 · #B4A877 · #747C50 · #476243 · #594500

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF4E6): bright and airy, almost weightless.
• Sage (#B4A877): A luminous, dusty green — the color of fresh herbs.
• Walnut (#747C50): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#476243): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Fern Lantern color palette (#FAF6E3, #8DB486, #4C856B, #325F78, #444E00)
• Timeworn Taupe Bloom color palette (#FBF4E8, #AB9750, #567B57, #764052, #653400)
• Wandering Driftwood color palette (#F6F6EC, #C0C5A2, #7A8945, #7F6117, #4D5200)
• Ancient Pewter color palette (#FFF1F5, #DEAEBF, #889A6A, #756496, #364E3D)
• Sand Atelier color palette (#E7FBEF, #E1D18E, #A9B679, #519A95, #364E42)
• Softworn Oat color palette (#FAF6E1, #C9C9AA, #8B907D, #637469, #3F5454)
• Worn Denim Boulevard color palette (#FBF0E5, #C9A37F, #6E8149, #5A4679, #352A17)
• Ancient Emerald Coast color palette (#F4EFD6, #639558, #006C48, #004662, #30312A)

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