Cocoa Basin color palette — #FFF2EF · #E1D9CD · #BACD99 · #B98989 · #71331A
A conversation between Rust and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Bone (#E1D9CD): a clean, paper-quiet neutral.
- Pistachio (#BACD99): A whisper-light, dusty green — the color of fresh herbs.
- Dusty Rose (#B98989): A luminous, dusty red — the color of a theater curtain.
- Rust (#71331A): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Patina Chestnut color palette (#FFF2EA, #DEDCCC, #B8C9D7, #C89F90, #78480C)
- Softworn Cocoa color palette (#FFF2F0, #E1DACF, #D0BB8C, #90658A, #713516)
- Ancient Mint color palette (#FFF4E1, #CBEDBF, #98CF9B, #AF8157, #45433C)
- Oat Field color palette (#FFF1F3, #E8D6D6, #F1BDA3, #988EBC, #594144)
- Bronze Market color palette (#FFF3E5, #D4BB85, #A98962, #915A2A, #403D36)
- Dusty Blush color palette (#FFF0FF, #E9D5D9, #AEB6AC, #E793AA, #503B4E)
- Mustard Atelier color palette (#FFF2EF, #FFCAA6, #E3B331, #C06276, #572E15)
- Moss Thicket color palette (#FEE6D6, #C79038, #8A8A00, #7C301F, #170A00)
Browse the whole catalog at Explore, or see today's palette.