Cocoa Meadow color palette — #FFF3E5 · #DBE0C8 · #97B9C1 · #C5AD97 · #6D4700

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#DBE0C8): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#97B9C1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Rosewood Mist (#C5AD97): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6D4700): A full-bodied, balanced gold — the color of old brass.

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

• Fern Studio color palette (#F6F8DC, #C0EFE4, #95CEC9, #A8B789, #4A4F00)
• Worn Bronze Market color palette (#FFF3E8, #E1DCC1, #CFA487, #A56A40, #593700)
• Patina Alley color palette (#FFECC6, #C6F9E6, #DAD4CA, #664600, #26231F)
• Driftwood Canyon color palette (#FFECF3, #C4E6ED, #A5D0D2, #AF7461, #324031)
• Cocoa Orchard color palette (#FAF5E9, #C7DFCB, #938651, #5A4200, #1E1B13)
• Mustard Corridor color palette (#F8F6E9, #BCCD7B, #66BEC6, #608D7A, #33322B)
• Hushed Mustard Coast color palette (#FAF5EB, #C2B15D, #B27CA3, #8F5B5B, #32271C)
• Mint Summit color palette (#FCF7CE, #C1F0AE, #78D296, #656500, #051100)

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