Patina Cocoa Alley color palette — #F8F5E9 · #999D62 · #457E5F · #1B5E64 · #643500
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5E9): bright and airy, almost weightless.
- Moss (#999D62): A luminous, balanced green — the color of new leaves after rain.
- Teal (#457E5F): A full-bodied, dusty teal — the color of glacier melt.
- Peacock (#1B5E64): A full-bodied, dusty blue — the color of open sky before noon.
- Bronze (#643500): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Patina Cocoa Alley 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
- Taupe Archive color palette (#F6F6EC, #85A367, #407D74, #764435, #4E4118)
- Patina Taupe color palette (#FEF3EA, #C18A65, #787337, #305F41, #5D372F)
- Washed Driftwood color palette (#FBF4D0, #AABD82, #79965A, #537241, #51534B)
- Airy Emerald Ridge color palette (#F2F8E5, #419E68, #03717B, #234879, #3B3A00)
- Timeworn Navy Thicket color palette (#F8F0EA, #BC9274, #507E56, #3C4487, #411A09)
- Garnet Archive color palette (#FEF5DC, #8A8000, #006B3F, #7A002A, #482700)
- Patina Grove color palette (#EAF9F6, #96BE8D, #74986C, #4368A8, #57364C)
- Bronze Delta color palette (#F8F1E0, #8A7F1C, #3E3D36, #2C281E, #151510)
Browse the whole catalog at Explore, or see today's palette.