Cocoa Drift color palette — #FDE0E8 · #693D00 · #003D30 · #00261D · #030009
A conversation between Bronze and Forest, giving this palette its sense of optimism and sophistication.
The five colors
- Rose Water (#FDE0E8): A whisper-light, dusty rose — the color of a warm blush.
- Bronze (#693D00): A full-bodied, balanced gold — the color of old brass.
- Forest (#003D30): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#00261D): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#030009): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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
- Nocturne Ridge color palette (#C9EEE2, #545200, #00381A, #002226, #060001)
- Cocoa Balcony color palette (#F2D7E1, #6C3D00, #4C2D00, #002125, #070001)
- Misty Rust color palette (#FBDBE4, #C83F22, #684000, #282600, #000601)
- Charred Garnet color palette (#F6DED6, #8F0026, #013006, #090020, #040000)
- Mulberry Parlor color palette (#E9D8EB, #A5003D, #004238, #20004D, #02000C)
- Misty Brick Garden color palette (#ECDEC3, #B32232, #483D00, #040666, #090200)
- Navy Boulevard color palette (#E1F2F5, #00675B, #00463E, #12006E, #050200)
- Aubergine Atelier color palette (#D4E9DC, #746600, #005734, #430286, #000A04)
Browse the whole catalog at Explore, or see today's palette.