Cocoa Loft color palette — #F9F7DD · #C8E9D6 · #B8CDBF · #A78E85 · #793A22
Built around Rust, softened by Celadon Mist — the whole palette hums with optimism and sophistication.
The five colors
- Custard (#F9F7DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#C8E9D6): A whisper-light, dusty teal — the color of sea glass.
- Oat (#B8CDBF): A whisper-light, dusty teal — the color of sea glass.
- Heather (#A78E85): A luminous, dusty orange — the color of sun-warmed clay.
- Rust (#793A22): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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
- Antique Pewter color palette (#E3F9E4, #B3D1CA, #85A0A9, #73596A, #4B3845)
- Timeworn Bronze Cabin color palette (#E2FFDA, #B8E9EA, #C9A0BA, #A17839, #644200)
- Aged Driftwood color palette (#FAF5E7, #BBE5D4, #8BBB9F, #9C833C, #4B4900)
- Hushed Loft color palette (#DDFFE8, #84CBCB, #6587B4, #784213, #4C2400)
- Ancient Powder color palette (#FCF3EF, #BDE5E9, #9BCAEF, #739E80, #395449)
- Glacier Market color palette (#E9FBE9, #71E1DF, #EFA2AF, #C79486, #2E3D2E)
- Glacier Garden color palette (#ECFAEC, #89FBFE, #FBB5C4, #4EAAAD, #5B3E38)
- Antique Harbor color palette (#D2F1EB, #6BB7D0, #636F9B, #5D3600, #2D1600)
Browse the whole catalog at Explore, or see today's palette.