Cocoa Corridor color palette — #FFF4E1 · #D3D2B5 · #A1AA99 · #987C7F · #694C50
Built around Charcoal Brown, softened by Oat — the whole palette hums with sophistication.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Oat (#D3D2B5): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#A1AA99): A luminous, dusty green — the color of new leaves after rain.
- Driftwood (#987C7F): A luminous, dusty red — the color of a theater curtain.
- Charcoal Brown (#694C50): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Cocoa Corridor 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
- Stone Atelier color palette (#F5F7E4, #D9E1C8, #B1C9A4, #7FA195, #5E4F5D)
- Bronze Dune color palette (#F1F2D9, #BBCFB2, #7FA592, #9D603B, #714700)
- Tempered Cocoa Lagoon color palette (#EEEBCE, #90B894, #408790, #7E4751, #572524)
- Weathered Harbor color palette (#E1FCFA, #B0CCCF, #79959B, #657689, #424F68)
- Ancient Garden color palette (#F4F7E9, #A4D2AB, #D19FC1, #679B70, #664244)
- Tempered Fern color palette (#F1F9E3, #7CC39C, #C094B8, #B27A7D, #394A00)
- Misty Cobalt Meadow color palette (#CDEFDD, #77C1C7, #638CCA, #7F4F0F, #4D3400)
- Wandering Archive color palette (#EDFBDC, #B2E8CE, #6CB090, #357559, #333630)
Browse the whole catalog at Explore, or see today's palette.