Patina Cocoa Meadow color palette — #FCF3EC · #DEE1CB · #ABB487 · #977C93 · #5B4100

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

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Bone (#DEE1CB): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#ABB487): A luminous, dusty green — the color of fresh herbs.
• Heather (#977C93): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.

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

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

• Aged Fern Corridor color palette (#F8F5EB, #C4DFD4, #A8B490, #6F8F76, #4C4900)
• Softworn Teal color palette (#F7F6EA, #C3E9CD, #57B0A2, #8D6889, #323E00)
• Softworn Ridge color palette (#FCF2F5, #CDC195, #5B8D7D, #5D6676, #435148)
• Washed Lilac Lantern color palette (#FFF1F6, #F2D2EA, #C3D58E, #AD82E0, #47463F)
• Powder Workshop color palette (#FEF1F6, #E4D9D3, #A9B9E4, #ACB5AE, #61494D)
• Hushed Grove color palette (#F6F1E7, #CEC39D, #90843B, #5B6554, #33312A)
• Weathered Coast color palette (#FFEFFF, #E1D8E8, #C0ACEF, #9671B2, #6C4448)
• Hushed Cerulean color palette (#FAF4EF, #C9DBE5, #C3BCEC, #50A0A7, #5E4454)

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