Cocoa Veranda color palette — #F1DAC9 · #98652E · #6D2F00 · #470500 · #090400

Rust and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Bone (#F1DAC9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#98652E): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6D2F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#470500): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#090400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Bronze Courtyard color palette (#F4ECDF, #7B7432, #554000, #331D00, #050600)
• Onyx Coast color palette (#FBD8EB, #936E33, #712F00, #500117, #001C10)
• Tempered Villa color palette (#EFDDCA, #AC9569, #835B2D, #622D07, #201600)
• Garnet Cabin color palette (#F8E0CF, #B59462, #96450C, #62001C, #040400)
• Cellar Aubergine color palette (#DAE2D4, #00614C, #6B0F75, #51000B, #000302)
• Chestnut Bloom color palette (#F7F1E6, #C4BB9C, #8F8257, #774E06, #2F2D1B)
• Hushed Lagoon color palette (#E0E8DC, #008C78, #004A68, #004036, #000103)
• Quiet Cornflower Atelier color palette (#F6E1E4, #2775FE, #007B49, #000F0E, #010100)

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