Patina Cocoa color palette — #EAF5F1 · #74A2C7 · #8C6183 · #6E4000 · #003019

Bronze takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EAF5F1): a clean, paper-quiet neutral.
• Blue Fog (#74A2C7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#8C6183): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#6E4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003019): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Garnet Courtyard color palette (#EDF4ED, #57ACAD, #6E69A5, #783337, #2A2900)
• Ancient Basin color palette (#FAEEF4, #9C95C5, #97615D, #495200, #002D34)
• Hushed Pewter color palette (#EBF8FA, #56A99B, #9A5878, #415D2E, #254A43)
• Driftwood Drift color palette (#EEF6FE, #78B8EC, #B273AA, #8C5D37, #1E4B47)
• Dusty Station color palette (#FEEBFB, #597DD9, #9A2462, #4B3400, #001E14)
• Hushed Summit color palette (#EDF9F1, #99D7E7, #8B96CA, #8A6300, #00404C)
• Hushed Denim Pier color palette (#FFE9FE, #A0AEDF, #7E76B8, #644B8C, #4C2935)
• Timeworn Dune color palette (#DDF9F1, #D0BFCC, #A78F96, #86581C, #564000)

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