Patina Cocoa Field color palette — #D8EDE3 · #769881 · #4C6B91 · #613800 · #351B00

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8EDE3): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#769881): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4C6B91): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#613800): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#351B00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Muted Corridor color palette (#F2ECD5, #86916F, #266E77, #65303B, #311B00)
• Cocoa Archive color palette (#E3F1D5, #87AA92, #876C86, #5E3F23, #302303)
• Tempered Ridge color palette (#D2E8EC, #7390BD, #6C5480, #534100, #201E00)
• Aged Cerulean color palette (#D0E6E4, #3681A0, #484676, #3E2800, #170C00)
• Garnet Balcony color palette (#D7EFFF, #7A98BA, #566293, #692D60, #502436)
• Muted Chestnut Field color palette (#DAEEDB, #9DC9B9, #997F8A, #765707, #3A3730)
• Washed Powder color palette (#CBF9FF, #98CDE0, #6B8AA4, #585A79, #002D25)
• Fern Lagoon color palette (#F1E3D3, #9A8E51, #495D20, #084335, #191100)

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