Cocoa Loft color palette — #EDDDCD · #764300 · #00445E · #321900 · #00070D

A conversation between Bronze and Navy, giving this palette its sense of trust and stability.

The five colors

• Bone (#EDDDCD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#764300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#00445E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#321900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Navy color palette (#FFE9D1, #714600, #00309B, #301B00, #00031C)
• Chestnut Pier color palette (#F9EFD4, #805400, #232F32, #181500, #030200)
• Tempered Quarry color palette (#F2E6DC, #9C5300, #005E8C, #562B00, #00070F)
• Softworn Mulberry Cabin color palette (#FFE9E4, #980038, #004945, #430014, #000807)
• Quiet Chapel color palette (#FFDCEC, #D37426, #00649F, #814000, #000610)
• Dusty Studio color palette (#E5E1C6, #566800, #6B00A1, #283100, #1A002B)
• Twilit Cabin color palette (#F9D6C9, #6C2500, #1A009C, #100074, #050100)
• Tempered Cobalt color palette (#E9DCC6, #9A7A00, #006DB8, #5A4600, #002A4C)

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