Cocoa Veranda color palette — #FFF3E7 · #C3B185 · #A3661C · #7A2600 · #141300

Built around Rust, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#C3B185): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#A3661C): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#7A2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#141300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

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

• Worn Bronze color palette (#FEF5DB, #A7BC85, #827815, #5E3F00, #111400)
• Chestnut Coast color palette (#FEF3E6, #D6C6A2, #A68350, #814622, #272200)
• Frosted Lantern color palette (#F7E3E9, #D9A860, #C77A00, #975A27, #102B17)
• Wandering Chestnut color palette (#F7E3C1, #9D9E67, #785B00, #4B2700, #020500)
• Aged Cocoa color palette (#F6DACB, #B5753B, #862900, #450013, #020100)
• Muted Orchard color palette (#FDF3EA, #DCDDC5, #CCA686, #A16A5C, #4E3D00)
• Pale Orchid color palette (#FFF1F5, #A469D9, #B34F73, #614900, #0E001B)
• Brick Summit color palette (#FFF1F6, #926DD0, #B51A1D, #283B00, #000307)

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