Cocoa Veranda color palette — #DBE7D9 · #70B1A8 · #657DA1 · #7E542C · #583001

Cocoa and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DBE7D9): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#70B1A8): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#657DA1): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#7E542C): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#583001): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Cocoa Atelier color palette (#E9DDC9, #9BB691, #5F8899, #794445, #5C2B2D)
• Sky Coast color palette (#D0E9E6, #7EAED6, #8D749F, #61602C, #393701)
• Washed Basalt color palette (#D8F5F1, #6AA9BC, #42688B, #693743, #57291A)
• Patina Parlor color palette (#FAF7D4, #86D0CA, #6F95B9, #725632, #3A260B)
• Aged Fern Market color palette (#CBEBE2, #5DA79A, #526F9D, #494C00, #2B3100)
• Ancient Azure color palette (#D7EDE9, #86BCCC, #6998C8, #9A5B6B, #4F271B)
• Wandering Cerulean Loft color palette (#D9F7F5, #5A8EB9, #74587E, #4F3E00, #271D00)
• Rust Pier color palette (#C7E2F9, #51B3F5, #B8551D, #006AA0, #471900)

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