Twilit Cocoa color palette — #F3E4DE · #694000 · #2F2800 · #0E1300 · #000200

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

The five colors

• Parchment (#F3E4DE): bright and airy, almost weightless.
• Bronze (#694000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#2F2800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0E1300): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Twilit Cocoa 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 Market color palette (#DCF2E4, #3F5D00, #312A00, #190A00, #000201)
• Shadow Summit color palette (#C9F0DE, #4E5000, #2C15A0, #1F2000, #01000A)
• Terracotta Lagoon color palette (#FFD9E3, #9A0607, #531E00, #1D1100, #020100)
• Twilit Aubergine color palette (#F0F0D8, #403D00, #3D007B, #360038, #010100)
• Timeworn Emerald Orchard color palette (#DCF8E6, #649E5D, #00717F, #512400, #010200)
• Charred Mulberry color palette (#F6E3FA, #A50068, #1B4B00, #020C08, #000201)
• Amber Hollow color palette (#FCE1C9, #A58600, #515E00, #003D14, #001C13)
• Hushed Atelier color palette (#E4EAD1, #00AE46, #006E5F, #003C40, #001B22)

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