Midnight Cocoa Villa color palette — #D2EADE · #00546E · #5B2E00 · #00222F · #030100

Cocoa and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D2EADE): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00546E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• 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 Midnight Cocoa Villa 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

• Shadow Abyss Workshop color palette (#D3E3DB, #005975, #2B4800, #002432, #030800)
• Moonless Abyss color palette (#D3ECFF, #004061, #4F2300, #241D00, #000103)
• Moonless Garnet color palette (#D6ECD1, #005953, #6E0042, #002422, #040001)
• Deep Cabin color palette (#DCE8CA, #9C3B00, #005490, #070710, #000201)
• Washed Pewter color palette (#D8E7F0, #6C89C2, #7D5390, #003F3E, #000109)
• Fern Field color palette (#C8E7FB, #007698, #3E6100, #003040, #010100)
• Nightshade Harbor color palette (#F5DDED, #3D35A8, #453C00, #18005F, #020100)
• Fern Lagoon color palette (#F6E7CE, #555600, #352800, #190A00, #010200)

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