Cocoa Studio color palette — #FFF2EE · #F5D5E9 · #F1BFA5 · #D5C480 · #672E08

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Thistle (#F5D5E9): A whisper-light, dusty pink — the color of a candy shop window.
• Wheat (#F1BFA5): A whisper-light, dusty orange — the color of toasted spice.
• Honey (#D5C480): A luminous, balanced green — the color of new leaves after rain.
• Rust (#672E08): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Wandering Veranda color palette (#FFF1F2, #DCDDF3, #F7C7FF, #F8AD83, #553531)
• Weathered Loft color palette (#FFF3E7, #F4D5CD, #DFD28D, #A7CA85, #45423B)
• Clover Canyon color palette (#FFF3E7, #F4D5CA, #FFC27B, #46D56E, #3E2E00)
• Hazy Garden color palette (#FFEEF3, #FFB7B2, #E8915C, #AA7F42, #574C23)
• Mustard Balcony color palette (#FFF2EB, #FFBFF1, #FFB39F, #BFB800, #411D00)
• Shell Study color palette (#FFF1F3, #F5CBBB, #BFB298, #819D92, #345548)
• Hushed Basalt color palette (#FBF4E5, #C0E0AF, #80BAA5, #AA848F, #464500)
• Timeworn Blush color palette (#F2E0DA, #FD7C85, #94642C, #554641, #1E1616)

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