Worn Cocoa Loft color palette — #FAF4EF · #CADECC · #B2B18D · #A07A81 · #5A4200

A conversation between Deep Olive and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#CADECC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B2B18D): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A07A81): A luminous, dusty red — the color of late-summer berries.
• Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Worn 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

• Hushed Fern color palette (#F9F5EB, #BCE3D7, #81BCAC, #659181, #474B00)
• Washed Field color palette (#FBF4ED, #D6E2C2, #88A884, #70729B, #3A3831)
• Ancient Study color palette (#FFF1F5, #9FCDB5, #5E8B84, #656379, #415149)
• Driftwood Delta color palette (#F5F1E9, #CBC49C, #718C67, #4C685F, #32312A)
• Timeworn Powder Summit color palette (#FFF1F4, #E3D9D2, #BAAFDF, #9EB1B0, #644D4D)
• Wisteria Thicket color palette (#FFF1F3, #FFD2DF, #B8D7A0, #C779C5, #47473F)
• Pewter Station color palette (#FFF0FE, #E7D3EE, #C198DA, #9D5D8F, #633B36)
• Weathered Jade color palette (#FBF3F1, #C3DFE3, #A4C7F5, #6EA076, #5A455C)

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