Cocoa Study color palette — #FDF4E4 · #E2ADBE · #B18A58 · #52709A · #713418

A conversation between Rust and Caramel, giving this palette its sense of trust and stability.

The five colors

• Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#E2ADBE): A luminous, dusty rose — the color of strawberry cream.
• Caramel (#B18A58): A luminous, balanced gold — the color of honey in a jar.
• Slate (#52709A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Rust (#713418): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Worn Petrol color palette (#FDF2F2, #D59EBD, #988D55, #4C67A2, #5A344A)
• Aged Pewter color palette (#FFF3E9, #E1B29A, #889A6A, #776299, #624000)
• Petrol Garden color palette (#F9F6E3, #BFB7E3, #B88188, #197A99, #5C3E44)
• Bronze Quarry color palette (#ECF9EF, #D59585, #976F33, #12656D, #55414B)
• Muted Stone Chapel color palette (#FFF1F3, #E4CFC5, #BDAD91, #90767F, #5D474E)
• Worn Ultramarine color palette (#FFF3E4, #F4807E, #917D00, #4449B9, #572500)
• Lagoon Chapel color palette (#FBF3F1, #D0E5E1, #8AB8D6, #489973, #62495E)
• Aged Alley color palette (#FDEFE4, #C48D6B, #6E5400, #552C00, #27201E)

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