Twilit Cocoa color palette — #CFEBDE · #00546F · #5E2B00 · #00222F · #030100

A conversation between Cocoa and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CFEBDE): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00546F): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5E2B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Garnet Studio color palette (#D3EED3, #005859, #730027, #002424, #040001)
• Shadow Ridge color palette (#FFE7FD, #0043A6, #503600, #001A4A, #020100)
• Hushed Canyon color palette (#D2E7DE, #00749E, #8D3500, #003043, #030000)
• Inked Denim Study color palette (#CBE7FF, #006097, #003252, #231B21, #000915)
• Petrol Coast color palette (#CAF0E1, #6D93C7, #6C61A3, #00343E, #000207)
• Velvet Fern Grove color palette (#F1E6D4, #5D5300, #362700, #180B00, #010100)
• Soft Cobalt Field color palette (#D6F1EA, #0082DE, #985B00, #00487F, #1E0E00)
• Softworn Sky Veranda color palette (#D5FCEE, #2FB3FB, #AF5A00, #006290, #351700)

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