Weathered Cocoa Summit color palette — #FFF2EB · #DEDCCA · #BAC991 · #9F6D7E · #6D3B00

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEDCCA): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BAC991): A luminous, dusty green — the color of fresh herbs.
• Mocha (#9F6D7E): A full-bodied, dusty rose — the color of a warm blush.
• Bronze (#6D3B00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Dusty Cocoa Meadow color palette (#FFF4E1, #D4EAC1, #98D1B3, #956B4F, #574700)
• Softworn Sand color palette (#FFECF5, #E6D1CE, #EDCA8F, #AA6F5E, #412934)
• Clover Canyon color palette (#FFF2EA, #D8CA86, #72BB43, #A83C43, #4E3800)
• Teal Orchard color palette (#FAECCA, #B5D8B1, #3CBBAE, #815000, #31312A)
• Muted Cerulean Bloom color palette (#E6E1B7, #82C5A0, #2FA0AF, #5B4B00, #073018)
• Hushed Marigold Workshop color palette (#F9F4ED, #D0A75F, #007F7D, #7D5800, #1A2819)
• Patina Lagoon color palette (#FFF0FB, #E7E5CD, #DFEC9C, #E0A3B1, #5F4C54)
• Hushed Moss color palette (#FEE6D5, #B7985D, #669024, #7B172E, #231400)

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