Cocoa Meadow color palette — #FFF2EA · #FBB497 · #C1C28C · #CD9DBF · #683101

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Melon (#FBB497): A whisper-light, balanced orange — the color of autumn markets.
• Pistachio (#C1C28C): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#CD9DBF): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#683101): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged light, muted, warm.

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

• Hushed Cocoa Orchard color palette (#FFF2E9, #DEDACC, #DBB9A8, #A6B2C9, #734204)
• Weathered Coast color palette (#FFF3E3, #E3C28A, #9ACD9D, #D79DA1, #46423B)
• Cocoa Courtyard color palette (#FFF2EA, #EDD9B8, #E3AB8D, #AC795A, #582D00)
• Washed Cabin color palette (#FFF2EA, #DAA389, #68B1C4, #708CC1, #673200)
• Timeworn Turquoise color palette (#FFF0F7, #F5BE9E, #6FCCD5, #5CABDB, #47303C)
• Antique Bronze color palette (#FCF4E9, #F3DBAD, #B39A77, #8D6424, #322A1F)
• Aged Peony Lantern color palette (#FFE6D0, #FA9B2C, #86BF3E, #EE659B, #482700)
• Moss Parlor color palette (#FFECF5, #CF8962, #8B953F, #A06087, #31222A)

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