Cocoa Veranda color palette — #FAF4EB · #ECDCBB · #BAB986 · #B09481 · #624900

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Wheat (#ECDCBB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#BAB986): A luminous, dusty green — the color of new leaves after rain.
• Taupe (#B09481): A luminous, dusty gold — the color of old brass.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Cocoa Summit color palette (#FAF4EE, #DBD0B4, #8CA572, #927577, #5F4A00)
• Mustard Archive color palette (#FFF3E5, #F3D19A, #DBAF4F, #9D8847, #524F48)
• Muted Mustard color palette (#FBF4E5, #E5D591, #67DDDA, #BCA851, #3F533E)
• Hushed Teal color palette (#F3F7EA, #ABE4C8, #64C0A6, #9A9068, #364B02)
• Hazy Olive Veranda color palette (#E5DECD, #9D9C4B, #697900, #645500, #111000)
• Worn Atelier color palette (#FDF5DC, #C7D793, #87B744, #AA7F4C, #373F18)
• Patina Driftwood color palette (#F8F1E8, #CAC4A9, #7F8A44, #755863, #33312A)
• Hazy Lagoon color palette (#E4E7D2, #66BD84, #009669, #6C6627, #181E00)

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