Twilit Cocoa Veranda color palette — #D7EBD6 · #664100 · #00322D · #2B0014 · #0E0600

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#D7EBD6): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#664100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00322D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#2B0014): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#0E0600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Twilit 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

• Obsidian Fern color palette (#EDECDB, #3B5200, #002F3C, #1E0028, #030100)
• Midnight Spruce color palette (#D7F0EB, #1B4400, #403333, #142128, #000B09)
• Pine Corridor color palette (#E1E6C5, #0E7C19, #004A36, #002927, #03111F)
• Washed Olive Veranda color palette (#D9E8D9, #6A712A, #004419, #301E00, #0F1100)
• Inked Mulberry color palette (#E8DCF0, #870050, #003414, #200032, #160008)
• Aubergine Corridor color palette (#DFF5EE, #537200, #004E59, #2F0065, #170002)
• Dusty Pier color palette (#D1EAED, #006756, #003A5E, #311800, #001611)
• Timeworn Corridor color palette (#F8DAE9, #806F31, #175634, #4F001A, #2D1000)

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