Cocoa Thicket color palette — #FAF5E9 · #E0DCCE · #AFCF9D · #9DBCC3 · #574300
Built around Deep Olive, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Bone (#E0DCCE): a clean, paper-quiet neutral.
- Pistachio (#AFCF9D): A luminous, dusty green — the color of new leaves after rain.
- Ash (#9DBCC3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Deep Olive (#574300): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Cocoa Thicket 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
- Sand Meadow color palette (#FFF3E6, #E4DBD2, #D5D998, #B1BAAB, #3D3933)
- Hushed Atelier color palette (#F6F5ED, #BDE1D7, #A8B494, #B07748, #474B00)
- Dusty Stone Market color palette (#FFF4E1, #D7DFCD, #BBC1A3, #A38DA0, #634A55)
- Lichen Ridge color palette (#F7F6E9, #EEFFB0, #C2E0CB, #79DDD8, #3C3C35)
- Softworn Stone Delta color palette (#FFF4DA, #C4F6C8, #A5C17F, #6C9161, #4D4E47)
- Weathered Mustard Atelier color palette (#FAF5EA, #C0AF5C, #5F5600, #302A1F, #130F0A)
- Jade Lantern color palette (#F6F6E8, #D3F0C0, #DDBCF7, #81A764, #5C3B46)
- Aged Grove color palette (#EAF5ED, #F3D8C8, #F5CC67, #63A889, #18382D)
Browse the whole catalog at Explore, or see today's palette.