Cocoa Veranda color palette — #FBF4EC · #E9DDBD · #BBB88F · #90A085 · #604A00

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

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Celadon Mist (#E9DDBD): A whisper-light, dusty gold — the color of old brass.
• Sage (#BBB88F): A luminous, dusty green — the color of new leaves after rain.
• Taupe (#90A085): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

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

• Timeworn Driftwood Garden color palette (#F8F5EE, #BEE7CF, #A2B87D, #858C45, #524600)
• Aqua Study color palette (#E8FAF4, #E6D5CF, #8AC7CE, #A0A699, #5A4C5B)
• Worn Ash color palette (#F0F7F3, #BADACD, #79A699, #5F8681, #3A534A)
• Timeworn Jade Quarry color palette (#FFF4DE, #C5D7A0, #66BB77, #2E9A9A, #344018)
• Timeworn Studio color palette (#E4FBF4, #9CCDF9, #ECAF7C, #AFA75A, #284A41)
• Hushed Stone color palette (#ECF4EC, #CAC697, #618D82, #506669, #26352D)
• Wandering Thicket color palette (#E9F9F4, #ADE2D2, #F3B79A, #65B0EA, #6A422D)
• Worn Loft color palette (#F8E9D2, #C0C86C, #62BB4B, #6D5CC3, #2E3100)

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