Sunlit Cocoa Study color palette — #CFE6D3 · #B0586E · #7D3200 · #00352B · #240003

Rust takes the lead with Brick close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Celadon Mist (#CFE6D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Brick (#B0586E): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#7D3200): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00352B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#240003): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

Use it as a design system

One click turns Sunlit 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 Parlor color palette (#E4F5E7, #BB5535, #664500, #003339, #1C0800)
• Chestnut Terrace color palette (#DCEFDF, #C56B71, #894700, #00423E, #280B22)
• Hazy Garnet color palette (#D5E6D8, #A8549A, #8D0D31, #023707, #210013)
• Soft Raspberry Terrace color palette (#E4DFBF, #A84FA2, #7E3200, #00394B, #3B1523)
• Hushed Plum Market color palette (#FAE8FB, #AF3E52, #504700, #002E2C, #07002F)
• Powdered Rust Courtyard color palette (#DEFEEF, #C587D3, #B04224, #004464, #280018)
• Eclipse Cocoa Workshop color palette (#CEEDD4, #873C00, #3B2D00, #00171F, #030100)
• Terracotta Hollow color palette (#F6E8F4, #A20310, #2E281B, #2D1100, #120000)

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