Moonless Cocoa color palette — #F8E2EF · #873300 · #003F72 · #3B1100 · #000612

A conversation between Rust and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8E2EF): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#873300): A full-bodied, balanced orange — the color of autumn markets.
• Navy (#003F72): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3B1100): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#000612): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Moonless 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 Field color palette (#D6E8DA, #664D00, #003A82, #2B1E00, #000516)
• Eclipse Terracotta color palette (#F5D7EF, #981012, #004942, #440102, #000806)
• Nocturne Aubergine Lagoon color palette (#EFDACC, #7A3500, #59007B, #351300, #030005)
• Obsidian Chapel color palette (#F9E1CD, #5D3300, #00394D, #1A1A41, #040100)
• Patina Orchard color palette (#FCEAD9, #905500, #452500, #1C2621, #110600)
• Bronze Quarry color palette (#F3DAE5, #A05000, #006A34, #582900, #000802)
• Muted Chestnut color palette (#FEE7F1, #0080A7, #9C4800, #100A02, #050002)
• Misty Aubergine color palette (#E0F5EB, #656200, #77008B, #302E00, #1E0024)

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