Cocoa Hollow color palette — #FFF2EA · #F3D3B1 · #D8AA94 · #A98A7F · #5D4200

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F3D3B1): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D8AA94): A luminous, dusty orange — the color of toasted spice.
• Caramel (#A98A7F): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5D4200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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 Pier color palette (#FFF1F7, #EAC1A2, #BB917A, #886A7D, #534248)
• Softworn Boulevard color palette (#FCEDF4, #CFB2BC, #A37760, #7C483F, #223023)
• Dusty Seafoam Alley color palette (#EFF9E6, #72D9B9, #D9A4BF, #B88AA1, #384031)
• Apricot Field color palette (#FFEBD5, #E6C562, #D8933A, #AE6D52, #37352F)
• Hazy Amber Study color palette (#F1DFC6, #BEB460, #B18636, #955B32, #282507)
• Amber Veranda color palette (#F2D9C4, #BE8200, #A75400, #832922, #0F0B00)
• Worn Market color palette (#F1F7ED, #FFD5B1, #6BAD9C, #65715E, #292D26)
• Timeworn Moss color palette (#F2E7C9, #8FAC4A, #8B7E07, #75531D, #151800)

Browse the whole catalog at Explore, or see today's palette.