Twilit Cocoa color palette — #F6DFD2 · #7E2900 · #003132 · #260009 · #040000

A conversation between Rust and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F6DFD2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#7E2900): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#003132): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#260009): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: 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

• Charred Cocoa color palette (#EEE2CF, #5C4600, #002B4D, #1D0B00, #020100)
• Eclipse Garden color palette (#FCEBE4, #8D001A, #023406, #1A002E, #040000)
• Onyx Lantern color palette (#F3F0D7, #455100, #003136, #1A003C, #170001)
• Antique Meadow color palette (#FFE5DA, #797143, #00523A, #4C030F, #150001)
• Twilit Quarry color palette (#E6E6D3, #2E393A, #263F00, #0A1717, #000906)
• Muted Grove color palette (#F1EEDE, #7A8407, #265493, #4B2B00, #131600)
• Smoked Navy Summit color palette (#E6E4CB, #486300, #00179E, #271600, #020400)
• Gentle Navy color palette (#DDF4DD, #8A5B00, #00428D, #4A002F, #15000B)

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