Cocoa Loft color palette — #F5F8DC · #C8E5D9 · #9FCCD0 · #988275 · #763D15

Bronze takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Custard (#F5F8DC): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#C8E5D9): A whisper-light, dusty teal — the color of sea glass.
• Stone (#9FCCD0): A luminous, dusty blue — the color of deep harbor water.
• Driftwood (#988275): A luminous, dusty gold — the color of old brass.
• Bronze (#763D15): A full-bodied, balanced gold — the color of honey in a jar.

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

• Aged Chestnut Loft color palette (#E9FCE6, #BEE7E8, #D1B0C2, #9F9481, #6D4D00)
• Antique Oat color palette (#E0F9EC, #ACD3D4, #7D92A3, #7C6470, #533A47)
• Cobalt Dune color palette (#DAFFEE, #8CCED8, #6A84BA, #784C1A, #3B2A05)
• Muted Driftwood color palette (#F6F6ED, #BBE2DB, #76BEB0, #90883F, #404D00)
• Periwinkle Corridor color palette (#DDFFE7, #AFF2F7, #74B1F8, #9C6542, #57460B)
• Apricot Studio color palette (#E6FBEE, #80DBF5, #F6A290, #D09169, #2C3D33)
• Wandering Lantern color palette (#EBFCDF, #A4F6F0, #33C1D2, #4789A5, #2F544A)
• Patina Turquoise Orchard color palette (#EBF9F0, #BAF0FF, #FFB7A6, #35AAC5, #4C4441)

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