Twilit Cocoa color palette — #FAE8D9 · #5E2E00 · #002607 · #000A14 · #050005

Cocoa and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAE8D9): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002607): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000A14): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Velvet Boulevard color palette (#EDE9DB, #433E00, #002424, #0A0027, #070000)
• Lowlit Garnet color palette (#F7D7CF, #74002D, #251E00, #000C0A, #01000F)
• Lowlit Field color palette (#F0E1CC, #795D00, #362E00, #1C1C00, #000C04)
• Scarlet Lagoon color palette (#F7DDC5, #D93700, #874D00, #3E3800, #040200)
• Inked Thicket color palette (#F8D8E5, #834600, #004144, #001E2C, #040006)
• Hushed Bronze Delta color palette (#F1DDCF, #826600, #38420C, #001E31, #1C0417)
• Washed Drift color palette (#F6EDDE, #288DAA, #004160, #002223, #00091A)
• Antique Navy color palette (#F3E8CE, #635800, #00403D, #180061, #29000C)

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