Cocoa Loft color palette — #E1E2F6 · #A379A5 · #7D3C3F · #00423C · #003044

Rust and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E1E2F6): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#A379A5): A luminous, balanced pink — the color of peonies in June.
• Rust (#7D3C3F): A full-bodied, balanced red — the color of a theater curtain.
• Forest (#00423C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003044): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Patina Dune color palette (#F8E1F1, #A86A69, #785628, #003E58, #251B49)
• Weathered Corridor color palette (#F3DBF3, #BC84A1, #9E5846, #005662, #003A69)
• Wandering Cocoa color palette (#F7DBE2, #A7696C, #7B3B29, #373100, #0D1100)
• Dusty Rust color palette (#EADBED, #C18784, #A64D21, #4B4718, #1F2A00)
• Ancient Dune color palette (#EDE6F3, #884E59, #5F3513, #00212F, #0A0038)
• Denim Boulevard color palette (#EFEFFF, #BFAEC9, #9C8191, #3D6577, #3E4667)
• Tempered Corridor color palette (#EBDBF6, #D092AA, #A8735C, #176B75, #002E35)
• Denim Study color palette (#EDE2EF, #BC927A, #716F3F, #344978, #373050)

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