Cocoa Loft color palette — #EFE8EB · #9EAEA3 · #5D8A7F · #582800 · #200C17

Espresso and Storm Blue set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#EFE8EB): bright and airy, almost weightless.
• Sage (#9EAEA3): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5D8A7F): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#582800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#200C17): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Ancient Garnet Cabin color palette (#F0EBF1, #B3A4AD, #6E8772, #6B002C, #1C0C20)
• Onyx Veranda color palette (#DEE8E0, #8F9E99, #567879, #372800, #010D04)
• Timeworn Archive color palette (#E7E0DA, #AB9E8C, #937831, #522A00, #090300)
• Antique Ridge color palette (#F4E7EC, #AAB9AB, #9F9764, #7B4200, #1D0F15)
• Washed Loft color palette (#D6E3E0, #AEBCBD, #78939E, #2D4F00, #0F241F)
• Chestnut Lantern color palette (#FFF1F5, #C7D7CE, #89B0AA, #814C00, #462834)
• Weathered Olive color palette (#EFF7F4, #D0DBE1, #A3B7BE, #5A6D00, #2D3F39)
• Dusty Basin color palette (#D1E4DA, #4C784C, #004238, #3F0038, #001501)

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