Cocoa Drift color palette — #EDF4E9 · #70AA9B · #5A70A6 · #793613 · #002F26

Built around Rust, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Cream (#EDF4E9): bright and airy, almost weightless.
• Jade (#70AA9B): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5A70A6): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#793613): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#002F26): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Creativity, Calm, Sophistication. Tagged muted, cool.

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

• Hushed Pewter color palette (#EFF4EA, #67AC96, #846197, #5B4B00, #282A04)
• Patina Garnet color palette (#F5F2E7, #9DA071, #437997, #73344B, #302600)
• Washed Ridge color palette (#EAF7E2, #00987F, #5148B2, #612200, #001E13)
• Hushed Cobalt Grove color palette (#EDF8F3, #56A3C4, #616AAB, #68446B, #38482B)
• Weathered Pewter color palette (#FDEDF3, #9482BA, #75548D, #503E00, #002231)
• Hushed Lantern color palette (#EFF5E0, #C5CFC1, #75998A, #8B5327, #3F3C35)
• Cerulean Dune color palette (#E3F2E7, #428F9E, #28413B, #122318, #0A0E09)
• Petrol Lantern color palette (#F6F1EC, #C7E4E7, #889CC7, #247882, #452E3B)

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