Weathered Cocoa Alley color palette — #FFF2EC · #68A882 · #2E7293 · #773831 · #30432B

Rust takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Jade (#68A882): A luminous, balanced teal — the color of sea glass.
• Slate (#2E7293): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#773831): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#30432B): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Weathered 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

• Chestnut Atelier color palette (#FFF3E6, #76B6AB, #60789D, #735229, #3A4D40)
• Aged Taupe Orchard color palette (#FFF2ED, #969E58, #007A75, #693B60, #3D3E37)
• Denim Grove color palette (#F8F5E8, #879044, #4F5DA0, #653E00, #2F3908)
• Softworn Garnet color palette (#E7F7E9, #5AAD9F, #1E768E, #6E2B4D, #032730)
• Wandering Mulberry color palette (#FFF4E2, #75C2B4, #2594B2, #97406C, #2B442C)
• Misty Lapis color palette (#FFF4E1, #009EB0, #5A4DB3, #584100, #003A56)
• Basalt Alley color palette (#FFF3E8, #C0AD87, #687A53, #4C6049, #553E00)
• Cypress Veranda color palette (#FDF3EC, #C4E5D7, #718BB7, #017268, #5D3B4E)

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