Twilit Cocoa color palette — #F2E4CB · #573F00 · #003836 · #001B1A · #140002

Deep Olive takes the lead with Deep Forest close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F2E4CB): A whisper-light, dusty gold — the color of honey in a jar.
• Deep Olive (#573F00): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#003836): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001B1A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#140002): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Deep Garnet Drift color palette (#F7E7DF, #802300, #003137, #041926, #12000D)
• Tempered Orchard color palette (#FFE8E6, #BF6700, #534400, #182900, #001910)
• Softworn Navy Veranda color palette (#FDE9D1, #9E4B00, #2E4500, #1C0C66, #201400)
• Obsidian Onyx Lantern color palette (#E8E3D0, #3A3100, #1A0045, #100014, #040100)
• Quiet Onyx color palette (#FCECE0, #8B3E00, #003E46, #280053, #1D001E)
• Velvet Drift color palette (#ECDEC0, #654600, #00226A, #1C0442, #130003)
• Worn Cocoa color palette (#E9E3DD, #C2B8A1, #8F9076, #683600, #271D14)
• Mulberry Cabin color palette (#F3E5C8, #595900, #75005B, #4F003D, #23090C)

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