Twilit Cocoa color palette — #F9E1F0 · #614500 · #002C18 · #1A0023 · #040400

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

The five colors

• Blush (#F9E1F0): A whisper-light, dusty pink — the color of peonies in June.
• Bronze (#614500): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#002C18): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#1A0023): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Fern Archive color palette (#F3E3F6, #395400, #002A2D, #220008, #000502)
• Deep Garnet color palette (#F1DEE7, #832500, #242600, #14002C, #070200)
• Midnight Spruce color palette (#F7DBE4, #655F23, #103400, #241100, #070600)
• Hushed Amber Corridor color palette (#D6E9E0, #C06900, #626300, #004A47, #000600)
• Patina Navy Courtyard color palette (#D6F4DC, #6A6700, #004B19, #190062, #020400)
• Gentle Dune color palette (#EDDBF0, #5E6F00, #004647, #49001A, #001D06)
• Worn Navy Summit color palette (#F4E8F0, #448BA2, #003E6E, #00231B, #06002B)
• Aubergine Delta color palette (#F6DED4, #977500, #006B4A, #531176, #030400)

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