Cocoa Loft color palette — #D8EDFE · #AEBBD3 · #8A8AA5 · #6E4958 · #253B2E
A conversation between Coffee and Slate Blue, giving this palette its sense of sophistication.
The five colors
- Frost (#D8EDFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#AEBBD3): A luminous, dusty violet — the color of wild irises.
- Slate Blue (#8A8AA5): A luminous, dusty violet — the color of twilight just after sunset.
- Coffee (#6E4958): A full-bodied, dusty rose — the color of a warm blush.
- Forest (#253B2E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: 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
- Dusty Cypress color palette (#E8F0FF, #B5B6D0, #8C829C, #426550, #204139)
- Aged Driftwood color palette (#E1E2EF, #AB789F, #725874, #174339, #00282A)
- Muted Indigo Station color palette (#DDE8F9, #8FA6EA, #7873C4, #544681, #2F2C4D)
- Lagoon Veranda color palette (#E3F7F3, #93BFA5, #428374, #3B5A67, #072E2E)
- Ancient Lapis Cabin color palette (#EEF1FF, #A399E0, #909340, #6553AB, #003021)
- Ancient Workshop color palette (#E0FDF2, #D3BFCF, #C092A2, #986730, #654C00)
- Aged Indigo Thicket color palette (#F0F0FF, #C9AEEB, #856CAE, #53346D, #1E082D)
- Iris Boulevard color palette (#E6EFFF, #9783D4, #835882, #574000, #202400)
Browse the whole catalog at Explore, or see today's palette.