Cocoa Basin color palette — #F7F6E9 · #C0CF97 · #A5A4D2 · #AE7574 · #6B2D16

Built around Rust, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#C0CF97): A whisper-light, dusty green — the color of a quiet forest floor.
• Mauve (#A5A4D2): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#AE7574): A luminous, dusty orange — the color of autumn markets.
• Rust (#6B2D16): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Cocoa Basin 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

• Driftwood Cabin color palette (#F1F8EB, #98D6C2, #CA98B3, #AC7484, #60333B)
• Patina Pewter Grove color palette (#F3F7EC, #A2DBB9, #6DA0C6, #865789, #542D17)
• Cocoa Delta color palette (#FFF4E1, #CEE0CF, #ADCAB9, #B69D89, #723F06)
• Sunlit Coral Ridge color palette (#EDF9EF, #6DD0D7, #D98584, #9F723D, #503000)
• Powdered Study color palette (#F6F8DB, #8ADB69, #B066E0, #BB5100, #511F00)
• Muted Aqua color palette (#F1FBD6, #9FEAD2, #5FC4CE, #60A0B9, #634B66)
• Timeworn Taupe color palette (#FBF3F0, #C2E1E8, #9DCFE9, #7FAF91, #5E4C5C)
• Faded Mulberry Terrace color palette (#CAE6DC, #0099E1, #B7436A, #960048, #161200)

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