Cocoa Loft color palette — #F4F7E9 · #95BE94 · #8886B6 · #7E5B7E · #663300

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Sage (#95BE94): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#8886B6): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#7E5B7E): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#663300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Wandering Basin color palette (#F2F7ED, #72C4AB, #8F84B1, #885F3E, #623600)
• Hushed Stone Terrace color palette (#FBF4E8, #C2B07B, #5A95AF, #68638D, #5D3538)
• Dusty Cocoa Basin color palette (#F9F7DC, #CDD7C2, #9EB6A8, #937F7A, #644943)
• Muted Basin color palette (#EBF9F2, #CED193, #4FA3D6, #935664, #4B2D40)
• Quiet Garnet Market color palette (#E8F7E5, #00ACA1, #8F5B94, #8A263A, #3D2600)
• Worn Teal color palette (#F2FAD5, #97DCC2, #59AFA4, #377F8A, #365746)
• Ancient Jade Bloom color palette (#EFF4E7, #61AE83, #4F5C4E, #303E00, #22221B)
• Ancient Bronze Cabin color palette (#F8F5EB, #D3D4B1, #94A27B, #937B33, #525000)

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