Smoked Cocoa Grove color palette — #F3E0D4 · #7F2B00 · #003D36 · #001937 · #040000

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

The five colors

• Parchment (#F3E0D4): A whisper-light, dusty gold — the color of old brass.
• Rust (#7F2B00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#003D36): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001937): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Charred Onyx Canyon color palette (#F8E0C5, #644000, #003945, #1A0052, #040000)
• Nocturne Mulberry color palette (#FFE3DC, #88003B, #004011, #00202B, #020006)
• Obsidian Cabin color palette (#D7EADE, #534500, #133700, #001F36, #160004)
• Chestnut Lagoon color palette (#EEE0C5, #935200, #443C00, #002230, #0A0400)
• Hushed Basin color palette (#FFF2E9, #B54100, #004A53, #003036, #040001)
• Muted Cocoa Workshop color palette (#EFE8E2, #C0B09D, #9B8B6C, #6A3200, #110904)
• Worn Aubergine color palette (#FFEDD9, #8A5A00, #005567, #290075, #140004)
• Softworn Navy color palette (#E7E3C8, #596100, #003B7B, #45003D, #090200)

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