Velvet Cocoa color palette — #F4DBCF · #682300 · #002D0D · #001313 · #040008

A conversation between Rust and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4DBCF): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#682300): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#002D0D): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001313): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040008): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Cellar Basalt Archive color palette (#F6E4D3, #522600, #001E21, #010910, #060000)
• Midnight Garnet color palette (#FFE2E0, #6C0042, #0E2600, #001105, #01000F)
• Brick Quarry color palette (#FFE5E8, #CB1500, #5E2F00, #221700, #080A00)
• Inked Study color palette (#FFE9DF, #8E030B, #00341B, #000448, #000128)
• Velvet Boulevard color palette (#F3EDDA, #A7001F, #402C00, #001933, #190500)
• Muted Garnet Meadow color palette (#ECDDD7, #BAA593, #9E7837, #671312, #1F0F09)
• Velvet Courtyard color palette (#D3EDDA, #6A5400, #39460E, #002D2D, #060002)
• Chestnut Alley color palette (#F1E6CE, #705600, #00434D, #002941, #24020A)

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