Cocoa Drift color palette — #FAF4EB · #B7EED9 · #B4B08B · #977E89 · #564400

Deep Olive and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Mint (#B7EED9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B4B08B): A luminous, dusty green — the color of new leaves after rain.
• Heather (#977E89): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Ancient Basalt color palette (#F5F7E9, #BFF4D9, #6AADA0, #916C65, #2D4000)
• Patina Powder Villa color palette (#F9F4ED, #BCE3E8, #97C9ED, #879976, #3A5447)
• Lagoon Alley color palette (#EFF7F2, #AEC8BB, #5B8D7C, #775B78, #3D5349)
• Softworn Veranda color palette (#FFF1F1, #F5D3CC, #E596A2, #A8706C, #783E18)
• Glacier Corridor color palette (#FFF2EE, #F2D4C5, #78DEE7, #C78587, #354D3A)
• Weathered Thicket color palette (#FFF2ED, #E0DACE, #E2B7B1, #98B3B6, #784015)
• Dusty Summit color palette (#FFF2EC, #E2D9D0, #E49B90, #905F52, #412618)
• Ancient Basin color palette (#FFF2ED, #FFB6AF, #93CC94, #8DA2CE, #3E3633)

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