Cocoa Loft color palette — #FFE3ED · #764300 · #004847 · #321900 · #000808

Bronze and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#FFE3ED): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#764300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#004847): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#321900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged 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

• Weathered Garnet Balcony color palette (#F7E4F5, #9A0020, #00484C, #440009, #000809)
• Cellar Navy Lantern color palette (#CBE7D8, #5A5300, #003F73, #252100, #000612)
• Muted Bronze Meadow color palette (#FFE4D5, #A24C00, #411F00, #19221B, #120500)
• Timeworn Coast color palette (#FBE8EF, #7A4000, #1500BC, #341800, #010024)
• Hazy Station color palette (#F9E4F1, #B23C00, #00617E, #631E00, #00070C)
• Soft Mulberry color palette (#F3ECFF, #8D0072, #004943, #3D0030, #000807)
• Cellar Garnet color palette (#F5E0DF, #7B001A, #00355E, #1E1446, #070000)
• Powdered Lantern color palette (#D6EDE4, #5A6600, #3210D1, #2A3000, #07003D)

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