Cocoa Loft color palette — #F5DEE7 · #723D00 · #003E67 · #311700 · #000103
A conversation between Bronze and Navy, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F5DEE7): A whisper-light, dusty rose — the color of a warm blush.
- Bronze (#723D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Navy (#003E67): A deep, shadowed, balanced blue — the color of deep harbor water.
- Onyx (#311700): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Eclipse Garnet Loft color palette (#FDE5F8, #920409, #00434F, #400102, #000102)
- Inked Chestnut color palette (#DAF5E6, #705300, #272730, #181400, #010100)
- Charred Nightshade Lagoon color palette (#E2F6E8, #5D4A00, #2C0EA4, #261D00, #01000A)
- Bronze Lagoon color palette (#FFE0F0, #A74D00, #005699, #471D00, #000104)
- Obsidian Onyx Terrace color palette (#FFE8D2, #563200, #003A36, #330052, #020100)
- Midnight Fern color palette (#EADEFA, #006D65, #625100, #09100C, #000201)
- Antique Olive Terrace color palette (#FADAE4, #A98D42, #556E00, #4E1B00, #020100)
- Aubergine Courtyard color palette (#C6F0E4, #4A6600, #640C9D, #212F00, #05000E)
Browse the whole catalog at Explore, or see today's palette.