Cocoa Veranda color palette — #F6D3E0 · #593200 · #1D2100 · #000D07 · #070000

Cocoa takes the lead with Onyx close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6D3E0): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#593200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#1D2100): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000D07): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Smoked Basalt Canyon color palette (#DEF2E9, #3F4000, #002513, #000C0D, #040100)
• Velvet Chestnut Coast color palette (#F9E3C5, #755200, #3F2F00, #1D1700, #020800)
• Garnet Loft color palette (#FEE5FC, #760018, #2E1800, #090A00, #050006)
• Sunlit Scarlet Atelier color palette (#F7DFE9, #DE4000, #8D4700, #4E3300, #060200)
• Shadow Terracotta Chapel color palette (#FBE0CE, #8C3E00, #1E4200, #001F28, #030009)
• Antique Cerulean color palette (#D6E6E4, #0090A7, #004355, #002224, #000B12)
• Dusty Canyon color palette (#CBEDD8, #665700, #00431D, #400017, #1F0C00)
• Weathered Aubergine Harbor color palette (#E5E1F0, #AF37A3, #515D00, #2F0099, #050004)

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