Cocoa Loft color palette — #DBF2EE · #65A2C3 · #6B6C9D · #614600 · #193400
Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DBF2EE): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#65A2C3): A luminous, dusty blue — the color of deep harbor water.
- Slate (#6B6C9D): A full-bodied, dusty violet — the color of a velvet chair.
- Bronze (#614600): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#193400): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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
- Antique Pewter color palette (#D3F1F6, #6288A5, #655B93, #4B4300, #002709)
- Softworn Cocoa color palette (#E5F0D7, #799B7F, #4B75A2, #733F00, #2D2F00)
- Powdered Grove color palette (#D1F5FA, #65ABF4, #82689E, #444408, #1F1F00)
- Pewter Coast color palette (#E0EEFC, #9795C4, #985E85, #2D5825, #002C29)
- Driftwood Harbor color palette (#EAE0EB, #7F70AA, #734862, #003D21, #001A19)
- Weathered Lilac Balcony color palette (#D6EDF8, #9FB1EA, #AC6BB2, #46742B, #004431)
- Airy Periwinkle Study color palette (#D6EAFF, #89A4F5, #827AB5, #7D524F, #4A131F)
- Forest Grove color palette (#EADAE8, #CB9CAC, #A36578, #006848, #1A402C)
Browse the whole catalog at Explore, or see today's palette.