Pale Cocoa color palette — #FFF1F5 · #7E519A · #7E2C00 · #00411A · #291222

Built around Rust, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Slate (#7E519A): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#7E2C00): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#00411A): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Indigo (#291222): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Pale 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

• Frosted Station color palette (#FFF2EF, #9C3B5C, #833000, #004229, #31152B)
• Softworn Garnet Garden color palette (#FFF1F6, #745CA0, #842137, #383C00, #002419)
• Washed Terracotta color palette (#FBEDF7, #5E70C0, #8C3032, #064809, #0D2561)
• Mulberry Dune color palette (#F4F0D4, #8679C5, #893A65, #004B3F, #3C2548)
• Timeworn Chapel color palette (#FFEBE9, #A50064, #4E4200, #003232, #280831)
• Plum Cabin color palette (#F8EEFA, #B5395C, #634700, #2D4000, #000A0C)
• Ancient Pewter Drift color palette (#FBF3F5, #E3D6D1, #C8ACA7, #705395, #46353B)
• Mulberry Harbor color palette (#FFE6E8, #8F4083, #3E181F, #230A0E, #0A0302)

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