Patina Cocoa Studio color palette — #F1EEDB · #6F9E7C · #476F88 · #5E3F00 · #283809

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

The five colors

• Cream (#F1EEDB): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#6F9E7C): A luminous, dusty teal — the color of glacier melt.
• Slate (#476F88): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#5E3F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Forest (#283809): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Washed Basalt color palette (#E2EFD3, #508F88, #2E5E7E, #3A3C00, #042C0F)
• Fern Workshop color palette (#C9EFE6, #61A4A2, #416796, #485400, #15453A)
• Muted Boulevard color palette (#C3F5E8, #87B9B7, #5C7E8F, #6B511F, #3A4E26)
• Timeworn Garnet Basin color palette (#F9E9F0, #719A83, #29715B, #752929, #4B2839)
• Hushed Parlor color palette (#C3F1E9, #3A99AE, #20689E, #662B3F, #331705)
• Muted Boulevard color palette (#E1F3F0, #65B1BE, #5782A7, #844858, #462C3D)
• Abyss Summit color palette (#DDFCFF, #AFC2D1, #9194AB, #557673, #365855)
• Antique Fern color palette (#F4DDE9, #9E895C, #4D5D00, #004940, #352600)

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