Chalky Cocoa color palette — #FDF1FB · #4461A1 · #853300 · #2B3900 · #092611

Rust and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Slate (#4461A1): A full-bodied, balanced violet — the color of wild irises.
• Rust (#853300): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#2B3900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#092611): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Faded Thicket color palette (#FFF1F6, #634EA4, #684900, #004521, #00271B)
• Muted Canyon color palette (#FDEDF4, #7969B4, #8E2E33, #3D3D00, #003335)
• Soft Garnet Harbor color palette (#EAFAF3, #00789F, #821934, #483300, #121F08)
• Aged Loft color palette (#FAEDFA, #2C6FC4, #9B002C, #003A28, #110512)
• Aged Meadow color palette (#FFE3EC, #882ABB, #564000, #003B28, #00152C)
• Dusty Alley color palette (#F9F3F7, #E1D6D5, #C6ABB1, #565C9F, #453540)
• Chalky Hollow color palette (#F9EDD9, #7F7CC3, #7D3D81, #4D3F00, #35294A)
• Midnight Nightshade color palette (#F6E1EE, #351DA7, #482400, #0F2100, #000A0E)

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