Twilit Cocoa color palette — #F6DDF3 · #5A4800 · #002B1F · #1D001A · #030400

Deep Olive and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F6DDF3): A whisper-light, dusty pink — the color of a candy shop window.
• Deep Olive (#5A4800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002B1F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#1D001A): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

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 Drift color palette (#F1DAD7, #275800, #002930, #230001, #000502)
• Cocoa Balcony color palette (#F5E6DA, #812700, #232700, #100030, #070200)
• Smoked Quarry color palette (#D2E6D3, #5A632D, #003516, #201400, #050700)
• Tempered Orchard color palette (#FAE7CE, #846228, #2C4620, #38001A, #180B00)
• Timeworn Amber color palette (#D1F8F0, #C06800, #556300, #00464E, #000804)
• Onyx Drift color palette (#D9F4DE, #5A6D00, #004A2F, #250058, #010500)
• Olive Pier color palette (#FDE6F9, #4D7300, #00464C, #4B0006, #001C0D)
• Aubergine Studio color palette (#F4D9D1, #877C00, #00695B, #5A1267, #020400)

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