Cocoa Loft color palette — #FCF2F6 · #C68B57 · #006E5E · #754000 · #001D21
A conversation between Bronze and Mustard, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FCF2F6): bright and airy, almost weightless.
- Mustard (#C68B57): A luminous, balanced gold — the color of old brass.
- Pine (#006E5E): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#754000): A full-bodied, balanced gold — the color of old brass.
- Ink (#001D21): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Optimism, Sophistication. Tagged duotone, 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
- Fern Cabin color palette (#FDF1F8, #C6896C, #316F00, #833400, #001E1A)
- Aged Taupe Bloom color palette (#EEF8F3, #9AA053, #006C6D, #505400, #001C24)
- Muted Cypress color palette (#F0F7F1, #C2AC7F, #008269, #795A00, #08292C)
- Marigold Veranda color palette (#F6F1EA, #C39A22, #4D7200, #6A5100, #080700)
- Aged Garden color palette (#FFE7F0, #A38121, #1B6C27, #5A2071, #0B3929)
- Aged Cabin color palette (#FFECF3, #A06930, #00634F, #461684, #432200)
- Olive Archive color palette (#F4DDC5, #AA9C55, #607000, #005125, #003930)
- Weathered Hollow color palette (#EEF8F0, #D2B05F, #738C00, #8E6C00, #001E16)
Browse the whole catalog at Explore, or see today's palette.