Patina Cocoa color palette — #DAE5D3 · #88B59C · #6B7CA1 · #6E4610 · #283400

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

The five colors

• Celadon Mist (#DAE5D3): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#88B59C): A luminous, dusty teal — the color of sea glass.
• Slate (#6B7CA1): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#6E4610): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#283400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Hushed Pewter color palette (#DCF2E4, #BA99B8, #7A6893, #535328, #103415)
• Patina Denim Drift color palette (#E1ECE0, #689886, #605691, #483F00, #012605)
• Bronze Alley color palette (#B3F7F6, #8ECBF3, #8888C2, #867123, #434A1F)
• Worn Cobalt Orchard color palette (#FCDEF9, #99A1D4, #8172B1, #81475B, #633C25)
• Antique Taupe color palette (#FFEBFC, #D9C3C9, #B4928C, #59674E, #394B3C)
• Cobalt Lagoon color palette (#CFE8F0, #5C7BA4, #5D456D, #2D2E00, #001B12)
• Dusty Pine color palette (#F8F2E0, #92B381, #007F54, #005760, #102700)
• Airy Forest Hollow color palette (#D0EBFF, #8B8DD2, #885075, #145102, #002624)

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