Cocoa Drift color palette — #F0F9E3 · #007E54 · #7C2E02 · #4B3400 · #222002

A conversation between Rust and Teal, giving this palette its sense of optimism and balance.

The five colors

• Cream (#F0F9E3): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#007E54): A full-bodied, balanced teal — the color of sea glass.
• Rust (#7C2E02): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4B3400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#222002): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged jewel, vibrant.

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

• Tempered Grove color palette (#E4F8E0, #00645C, #643D00, #343200, #001E0D)
• Hazy Mulberry Harbor color palette (#FBF5E3, #766C00, #76185D, #661216, #291702)
• Eclipse Basin color palette (#E4EED7, #00553C, #541C00, #251900, #020700)
• Lagoon Corridor color palette (#EEF9EF, #299398, #86662A, #485320, #303928)
• Muted Forest Villa color palette (#DEFEED, #007D9F, #5A5300, #034C0D, #002929)
• Misty Indigo color palette (#EBF7FF, #268FB4, #7C56B7, #843D00, #002325)
• Weathered Petrol color palette (#F0F7F2, #D0DCDB, #A7B8B0, #00717D, #313E34)
• Pale Cobalt color palette (#E7F6F1, #0079B7, #554294, #571800, #060C00)

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