Velvet Cocoa color palette — #F7E7D7 · #5A3100 · #00222F · #230E05 · #12001D

Built around Cocoa, softened by Ink — the whole palette hums with optimism and creativity.

The five colors

• Parchment (#F7E7D7): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5A3100): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#230E05): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#12001D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Charred Navy color palette (#F3EEDE, #403F00, #100063, #211C09, #190008)
• Deep Quarry color palette (#F7DFD4, #750A00, #002325, #06002A, #050003)
• Spruce Delta color palette (#E9E5D7, #4E5B60, #322F00, #151D17, #000602)
• Worn Lantern color palette (#FFE1CB, #656F13, #004443, #281634, #20040F)
• Deep Garden color palette (#E9E4D0, #565E00, #00432D, #001F25, #040100)
• Lowlit Forest Thicket color palette (#EBE9D3, #006F4B, #003233, #30001B, #040700)
• Lagoon Cabin color palette (#F7E7E2, #0F9298, #004359, #00240E, #00081D)
• Nightshade Corridor color palette (#F1E8C7, #5D5B00, #261197, #3E0023, #220001)

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