Cocoa Drift color palette — #FEDEF3 · #9F5A67 · #7B3A1A · #003219 · #002221

Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Blush (#FEDEF3): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#9F5A67): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#7B3A1A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#003219): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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 Harbor color palette (#DCDCEE, #815C8B, #6F364D, #282900, #001B16)
• Softworn Chestnut Orchard color palette (#FBE5E6, #945744, #4F3100, #002222, #030B19)
• Terracotta Harbor color palette (#DCE7FF, #9F7098, #A4391F, #00455D, #002433)
• Blush Market color palette (#FDE9F6, #E06A80, #A6684E, #25623C, #001E1D)
• Powdered Plum color palette (#F6DAE5, #BF365E, #78001F, #440600, #270A00)
• Washed Brick Alley color palette (#F7E5DD, #AE1A23, #00565D, #5A0008, #001315)
• Weathered Fern color palette (#F9E9DF, #997C41, #505919, #003A56, #291B3E)
• Twilit Rust color palette (#F1DBD5, #B9481D, #5F1A00, #1F0500, #070100)

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