Weathered Cocoa Summit color palette — #FFF2EA · #DEE1C7 · #B9D29E · #9D6B70 · #734205

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Celadon Mist (#DEE1C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B9D29E): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#9D6B70): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#734205): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. 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

• Stone Coast color palette (#FFF2F0, #EAD7C6, #DDBA82, #8C7193, #634A42)
• Softworn Chestnut Station color palette (#FFF3E5, #C2E3CD, #8FC8C2, #AB8A78, #634B00)
• Antique Parlor color palette (#FFEEE5, #DDDFC4, #A5CFAE, #9D6A7C, #322D28)
• Wandering Seafoam Lantern color palette (#FFF5DA, #BDEEB2, #71D3C1, #9D6837, #43413A)
• Taupe Basin color palette (#FFF2EB, #CB9C71, #976451, #68493F, #413C36)
• Tempered Mint Villa color palette (#FDF4D7, #93DC87, #24ABA7, #745620, #34342D)
• Misty Terracotta color palette (#FFF3E4, #E6DA7A, #52B36E, #A43528, #4B3900)
• Mustard Alley color palette (#F9F4EC, #CCAB50, #007F82, #765C00, #1A281B)

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