Patina Cocoa color palette — #FBF4EC · #E8DDC1 · #A2C091 · #AE9297 · #604A00

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Bone (#E8DDC1): A whisper-light, dusty gold — the color of old brass.
• Sage (#A2C091): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#AE9297): A luminous, dusty red — the color of late-summer berries.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Antique Basalt Basin color palette (#FAF5E7, #B3EDE1, #AFB28D, #718D83, #514600)
• Softworn Stone color palette (#FFF1F5, #E4D9D2, #D6AFCD, #9AB9B1, #614C4F)
• Muted Studio color palette (#FFF3E2, #C5D896, #45BF7C, #AF7297, #353F16)
• Aged Seafoam Market color palette (#FFF1F6, #DFC9FC, #7FDFA7, #B798DC, #4C4E47)
• Aged Driftwood Delta color palette (#EDF4EE, #AECBBE, #648C84, #5A6175, #21362D)
• Muted Mint color palette (#FFF1F6, #D2BAF4, #60D6B4, #4BB6C0, #513B43)
• Washed Jade color palette (#ECE4D3, #A2C78A, #01AA81, #966379, #2B2B0B)
• Misty Emerald Balcony color palette (#FCEADA, #B7A856, #579122, #625C8E, #231900)

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