Patina Cocoa Terrace color palette — #F1E7D6 · #87AC86 · #4F8792 · #7E3F25 · #543500

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

The five colors

• Parchment (#F1E7D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#87AC86): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#4F8792): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#7E3F25): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#543500): 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 Terrace 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

• Basalt Ridge color palette (#F8E1C4, #A9AB80, #647E61, #6D424F, #572D25)
• Cocoa Bloom color palette (#CFE9BF, #8AA88B, #8A7488, #705232, #623A00)
• Teal Lagoon color palette (#E4F7DE, #04BAB8, #536D98, #7A3E00, #4A3800)
• Softworn Cocoa color palette (#FAF4E9, #8AA571, #367058, #614600, #36362F)
• Softworn Garnet color palette (#EAE6D3, #6D9875, #006475, #60220B, #421202)
• Pewter Hollow color palette (#E1E6C0, #A8B79F, #75927B, #895C8C, #663747)
• Lagoon Basin color palette (#CFE8E4, #84AFB3, #42838E, #604362, #36273E)
• Aged Bronze Bloom color palette (#F1FADB, #B1C9B9, #A28B9A, #97672E, #734501)

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