Smoked Cocoa Villa color palette — #E5F2E9 · #594800 · #002B51 · #2A0600 · #080300

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

The five colors

• Cream (#E5F2E9): a clean, paper-quiet neutral.
• Deep Olive (#594800): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002B51): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#2A0600): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#080300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged dark, muted.

Use it as a design system

One click turns Smoked 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

• Eclipse Workshop color palette (#D5F0DF, #564A00, #1F007E, #1F1000, #050400)
• Twilit Forest Coast color palette (#E9ECDF, #00592A, #002E43, #1E0027, #040000)
• Deep Pier color palette (#F5E5F0, #842300, #003037, #2C0013, #100000)
• Aubergine Boulevard color palette (#CFEEE9, #035A12, #420058, #1C1100, #040400)
• Deep Abyss color palette (#D5F2F2, #45424B, #00452D, #14181E, #000A0D)
• Frosted Pine Terrace color palette (#DAF4F2, #007B3D, #004B6B, #3F004D, #130300)
• Olive Field color palette (#DBE9E1, #437B32, #004234, #282300, #031400)
• Weathered Harbor color palette (#D0E5D1, #00765F, #004D4E, #002A35, #001425)

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