Cocoa Drift color palette — #F2D8F4 · #A0637B · #783E30 · #153A1F · #001311
Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Thistle (#F2D8F4): A whisper-light, dusty pink — the color of a candy shop window.
- Mocha (#A0637B): A full-bodied, balanced rose — the color of pressed rose petals.
- Bronze (#783E30): A full-bodied, balanced orange — the color of autumn markets.
- Deep Forest (#153A1F): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001311): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Softworn Driftwood color palette (#E8E6FF, #A86A91, #7F5039, #003F3D, #002528)
- Hushed Cocoa color palette (#F9DCE7, #9C5B5C, #662E00, #00271D, #00080D)
- Timeworn Cabin color palette (#EAEEFF, #8C6CA1, #7A3E67, #352E00, #081300)
- Rust Loft color palette (#D0E6FF, #BE9BD7, #AF515A, #004F64, #001D26)
- Powdered Coral color palette (#FFE4EA, #DD7565, #9B621F, #004A3E, #00252B)
- Plum Canyon color palette (#E7D9E8, #B7334B, #006568, #6A001F, #000A0B)
- Driftwood Courtyard color palette (#F4EFFF, #C9ACD1, #AD7A68, #3E5E5D, #1E393F)
- Washed Bronze color palette (#DAE8DD, #837B21, #3B4B00, #2D1E50, #000B05)
Browse the whole catalog at Explore, or see today's palette.