Sunlit Cocoa color palette — #FFE3F7 · #DB9BAB · #AA6054 · #783B00 · #533900

Built around Bronze, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFE3F7): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#DB9BAB): A luminous, dusty red — the color of a theater curtain.
• Mocha (#AA6054): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#783B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#533900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Weathered Garnet Canyon color palette (#F4EEFF, #CB99CB, #A65773, #862D2F, #632D00)
• Sunlit Drift color palette (#FFF0F2, #DC9085, #A06532, #634E00, #3A3D00)
• Worn Alley color palette (#FFEFFC, #FFC0CD, #F7887C, #BB6C37, #553B00)
• Airy Terracotta color palette (#FFEEEF, #F1AAA7, #CE7E6B, #A04000, #663000)
• Dusty Chestnut color palette (#FFF4DB, #BE82A4, #9A5436, #005574, #53342E)
• Patina Pewter color palette (#FCF3F1, #DFD9D2, #C4BFB1, #946476, #514443)
• Aged Lantern color palette (#FFF1F2, #CFAEA4, #A8793F, #466C61, #5C4355)
• Sunlit Coral color palette (#F7DDE5, #EF615D, #904400, #4E3500, #2D2800)

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