Velvet Cocoa color palette — #F3DECB · #764200 · #004267 · #321900 · #00060F

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

The five colors

• Parchment (#F3DECB): A whisper-light, dusty gold — the color of old brass.
• Bronze (#764200): A full-bodied, balanced gold — the color of old brass.
• Navy (#004267): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#321900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00060F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, 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

• Moonless Terracotta color palette (#FCD9C9, #991000, #004653, #430300, #00070A)
• Pale Nightshade color palette (#F5E9D4, #6A4B00, #0027A6, #2C1D00, #000220)
• Obsidian Courtyard color palette (#E6E1D2, #785900, #232F32, #171500, #030200)
• Hushed Grove color palette (#F4E0E7, #985700, #005D92, #542D00, #000610)
• Lowlit Onyx color palette (#F0E2D2, #593600, #003C3A, #370051, #030100)
• Airy Moss Pier color palette (#EBDED0, #AB9300, #5C7A30, #5A2000, #160E00)
• Powdered Aubergine color palette (#E1E1CB, #476C00, #6F0598, #203300, #1B0029)
• Bronze Archive color palette (#FBE8EE, #B06D00, #00855F, #774800, #000804)

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