Cocoa Drift color palette — #FDF3EC · #ECD5C0 · #D2AE93 · #B98370 · #663D00

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#ECD5C0): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D2AE93): A luminous, dusty gold — the color of old brass.
• Caramel (#B98370): A luminous, dusty orange — the color of autumn markets.
• Bronze (#663D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Aged Basalt color palette (#F2F7EB, #98D2B5, #E0A88E, #B69459, #314500)
• Bronze Orchard color palette (#FEEBD5, #E3C38B, #D19747, #B76A00, #433300)
• Softworn Stone Workshop color palette (#FDF2F7, #CBEEE2, #D99F82, #8A7187, #334439)
• Sunlit Lantern color palette (#FCE6D4, #BF803B, #A45700, #7C3400, #130900)
• Weathered Bronze Station color palette (#FAEBD4, #C5B070, #AD8838, #916000, #2A2400)
• Driftwood Veranda color palette (#FFECF5, #D6AEBE, #9D7589, #6B4D60, #38262C)
• Airy Olive color palette (#E6DEC9, #9EA568, #868011, #6A5900, #121900)
• Aged Lilac color palette (#FFF0F9, #F8CDE3, #C8AFE8, #A479BF, #603064)

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