Cocoa Hollow color palette — #F3D5EB · #B2716D · #674608 · #001F2E · #01000A
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Thistle (#F3D5EB): A whisper-light, dusty pink — the color of a candy shop window.
- Mocha (#B2716D): A luminous, balanced orange — the color of toasted spice.
- Bronze (#674608): A full-bodied, balanced gold — the color of honey in a jar.
- Midnight (#001F2E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Hollow 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
- Softworn Study color palette (#E2DDF3, #AB6F93, #7B2E25, #002B2B, #000405)
- Dusty Villa color palette (#FFE6E5, #A96C38, #515600, #211956, #020008)
- Softworn Bronze color palette (#F8EAD0, #AB7B00, #553800, #151A13, #0B0400)
- Muted Chestnut color palette (#FAD8DA, #915231, #4B3100, #002524, #050C1C)
- Dusty Meadow color palette (#FFE6E7, #BF3800, #6A3600, #180D00, #020100)
- Ultramarine Coast color palette (#F6E7DB, #A15300, #004CB4, #452000, #000106)
- Timeworn Veranda color palette (#F5E9DE, #784800, #004B74, #003164, #020100)
- Airy Forest Studio color palette (#FADAC7, #9D9354, #296B31, #411D4B, #1C0024)
Browse the whole catalog at Explore, or see today's palette.