Velvet Cocoa color palette — #F8E1F0 · #862700 · #00362C · #001A42 · #0B0119

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

The five colors

• Blush (#F8E1F0): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#862700): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#00362C): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001A42): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0B0119): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Onyx Coast color palette (#F6DEE5, #5F3B00, #00393F, #1D0055, #0C0011)
• Twilit Meadow color palette (#ECDEEF, #91003A, #003F0B, #001B25, #10001C)
• Ancient Cocoa color palette (#F2EBEE, #B1BDB0, #72997F, #6C3100, #271B21)
• Washed Drift color palette (#D1F0D7, #975100, #473D00, #002838, #211300)
• Weathered Harbor color palette (#F3E6D2, #8C6200, #00614B, #003F30, #140005)
• Weathered Meadow color palette (#F5DDD3, #B56E00, #5A4100, #2D2700, #0F1600)
• Airy Aubergine color palette (#FFF0F4, #855800, #004A57, #2D0077, #2E0008)
• Nightshade Workshop color palette (#E8FAF5, #627800, #2240AC, #5F1146, #2C121D)

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