Cocoa Loft color palette — #F5F6EA · #B3D8A4 · #8B97C8 · #8D5871 · #5F2306
Built around Espresso, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EA): bright and airy, almost weightless.
- Pistachio (#B3D8A4): A whisper-light, balanced green — the color of fresh herbs.
- Blue Fog (#8B97C8): A luminous, dusty violet — the color of twilight just after sunset.
- Pewter (#8D5871): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#5F2306): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Loft 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 Seafoam color palette (#F1F8EC, #8CDFC3, #9A93C0, #8E5E3F, #4C3211)
- Antique Sand Coast color palette (#F9F5EB, #E0CB86, #59A6BE, #875B75, #4F2D2E)
- Weathered Iris Study color palette (#EBF8FC, #89D6DD, #7DAEDF, #8D78C0, #5C334C)
- Tempered Cocoa color palette (#FCF5E2, #D2E2D3, #ADC5B1, #9E7E77, #734105)
- Chestnut Bloom color palette (#EBFAEE, #69CCD7, #B3719A, #89481A, #342A00)
- Quiet Coast color palette (#F0F9E8, #0CC297, #7967B5, #713900, #2C1400)
- Antique Plum Orchard color palette (#DFFEEA, #00ACC9, #B11F92, #4A3F00, #171200)
- Aged Petrol Orchard color palette (#EBF9F2, #9D9B62, #0E7BA0, #783C5A, #573746)
Browse the whole catalog at Explore, or see today's palette.