Cocoa Hollow color palette — #F3F4FF · #EFD9E0 · #D79FB9 · #A46562 · #6C2D01

A conversation between Rust and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Shell Pink (#EFD9E0): A whisper-light, dusty rose — the color of pressed rose petals.
• Mauve (#D79FB9): A luminous, dusty rose — the color of a warm blush.
• Mocha (#A46562): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#6C2D01): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Cocoa Hollow 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

• Softworn Rust color palette (#FFF0FC, #F38CAB, #C34F4F, #6D3600, #1F1200)
• Gentle Thicket color palette (#FFF1F2, #FFD2D1, #E69DB6, #CC7384, #79272E)
• Muted Bronze Hollow color palette (#F8F2FF, #EFD8CD, #E2A594, #986E38, #4C4100)
• Garnet Veranda color palette (#EEF6FF, #DFD6E7, #BAA8D8, #8D608C, #692A3D)
• Driftwood Coast color palette (#F4EEFF, #E9B1CD, #BB6F8B, #823B4D, #4C161A)
• Pale Ember Corridor color palette (#FFF0F9, #FFBDC3, #CF6D54, #804C00, #2B2100)
• Blush Studio color palette (#F9F2FF, #E093B6, #5E4F5B, #2E2833, #0F0F14)
• Softworn Terrace color palette (#E8FAF3, #EDD0FF, #CB8F97, #457E7C, #423B51)

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