Cocoa Study color palette — #EDFBE3 · #BBE5DD · #8BB3D2 · #947776 · #76381D

Built around Rust, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#EDFBE3): A whisper-light, dusty green — the color of fresh herbs.
• Silver (#BBE5DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#8BB3D2): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#947776): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#76381D): A full-bodied, balanced orange — the color of toasted spice.

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

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

• Timeworn Balcony color palette (#E9FBEC, #BFE9EB, #CFB0C9, #9E867C, #78480B)
• Hushed Bone Field color palette (#FAF7DA, #C4E8CC, #9EB89B, #9A7785, #64484A)
• Aged Ash color palette (#EAF8FF, #BCD6FF, #A299CF, #956956, #5A440F)
• Ancient Pewter color palette (#C6F6F1, #A0C1C9, #748A9C, #765667, #48313E)
• Chestnut Atelier color palette (#EBF7FF, #D4B0CF, #937DB5, #84501D, #392C00)
• Hushed Workshop color palette (#E7D9E6, #9E95DD, #926196, #50380D, #1A1D00)
• Cornflower Dune color palette (#D4FFFD, #89D6F3, #548DE7, #894E56, #4B1D00)
• Worn Teal Parlor color palette (#F5F7E8, #C2E8CD, #50B29D, #787B34, #303F00)

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