Velvet Cocoa color palette — #FDE4F3 · #752B00 · #003C1D · #001B37 · #100110

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

The five colors

• Blush (#FDE4F3): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#752B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#003C1D): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001B37): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#100110): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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

• Eclipse Study color palette (#F8E6F2, #731700, #002922, #160033, #080000)
• Nocturne Mulberry Courtyard color palette (#F3E9FB, #840050, #292F00, #001E2D, #120007)
• Timeworn Pier color palette (#F8E7F4, #A60609, #004228, #230058, #1C0030)
• Midnight Onyx color palette (#E1F6E0, #603D00, #003B3D, #2A0042, #0F0600)
• Garnet Balcony color palette (#FFE3DB, #8D002E, #3E3200, #26004F, #040002)
• Tempered Cocoa color palette (#ECE0E8, #C4B4B9, #988F64, #752808, #291924)
• Pale Brick color palette (#E3F2E6, #AF3610, #493B00, #091269, #260F00)
• Misty Rust Cabin color palette (#F3D9D9, #CB5917, #633D00, #2D2600, #0C1C00)

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