Cocoa Studio color palette — #FBEDF7 · #B4B975 · #853C31 · #371D32 · #130811

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

The five colors

• Blush (#FBEDF7): a clean, paper-quiet neutral.
• Sage (#B4B975): A luminous, balanced green — the color of fresh herbs.
• Rust (#853C31): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#371D32): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#130811): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Mulberry Garden color palette (#F3F0FB, #90C292, #743F6C, #381B34, #0E0A16)
• Aged Chestnut Archive color palette (#EAF5E9, #C7B272, #764A00, #392100, #080E07)
• Timeworn Ridge color palette (#FFF2EC, #C6CA82, #A35A50, #48413D, #2A1F1A)
• Olive Quarry color palette (#F7EFF5, #EA9D89, #3D892F, #9E4631, #011210)
• Dusty Moss Lagoon color palette (#F4DFE7, #AB9500, #5E3000, #250F00, #060200)
• Bronze Balcony color palette (#F7EFF2, #C9D6DC, #A8BEC5, #966B38, #34292C)
• Aged Bronze Basin color palette (#FFF2EB, #FEE2A8, #A3634B, #5A2900, #150D08)
• Washed Fern color palette (#DDEDE9, #CA9361, #375000, #142100, #000705)

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