Cocoa Meadow color palette — #FFF2EA · #DCE4CC · #AECFB7 · #A07973 · #664600

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Celadon Mist (#DCE4CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#AECFB7): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A07973): A luminous, dusty orange — the color of toasted spice.
• Bronze (#664600): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Timeworn Villa color palette (#FFF3E9, #C6B59C, #AA7242, #785347, #564600)
• Timeworn Basin color palette (#FEECF3, #D9E6B6, #C2E5ED, #A97664, #2B3E2E)
• Worn Chestnut color palette (#FEF4DD, #D6DBB1, #7EC2CB, #8F5434, #3D3C35)
• Ancient Cerulean color palette (#EDE5CC, #8DC198, #0095B1, #703900, #1A2600)
• Aged Bronze color palette (#F8F5EE, #D3BE89, #5283A6, #806A2E, #23312D)
• Weathered Corridor color palette (#FFF2ED, #BA7E78, #91719D, #7F5052, #64290B)
• Feathered Periwinkle color palette (#DCFFD4, #5BE1CE, #51AEF8, #786700, #004734)
• Wandering Lichen color palette (#FEF1F8, #BFF5CA, #C3EAF7, #C2ADCD, #614D54)

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