Cocoa Drift color palette — #EDF8F5 · #869565 · #8E4C61 · #823A0D · #27392D
Bronze and Raspberry set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF8F5): a clean, paper-quiet neutral.
- Moss (#869565): A luminous, dusty green — the color of new leaves after rain.
- Raspberry (#8E4C61): A full-bodied, balanced red — the color of late-summer berries.
- Bronze (#823A0D): A full-bodied, balanced orange — the color of autumn markets.
- Deep Forest (#27392D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Muted Garnet color palette (#EFF8F1, #9B8858, #875A84, #803148, #422F38)
- Antique Fern color palette (#EBF8FA, #3B9288, #875B36, #5B5400, #1F3D3B)
- Worn Lilac color palette (#F2F7EE, #69B599, #A774BB, #8A602F, #353832)
- Softworn Pine Meadow color palette (#E6FAFB, #008260, #773600, #423200, #002823)
- Dusty Cerulean color palette (#E7F4FB, #279BB5, #6A5C9A, #753B3D, #091F1D)
- Wandering Cobalt Field color palette (#E2FBFA, #73B2CB, #4B7BA7, #6C4B75, #364A59)
- Lagoon Courtyard color palette (#EFF6F9, #D6DAE0, #B3AAB2, #528D94, #49555A)
- Garnet Workshop color palette (#E2FBF8, #1B7F10, #94001A, #5B3100, #212200)
Browse the whole catalog at Explore, or see today's palette.