Cocoa Loft color palette — #EFDEE3 · #9CA8A0 · #6B8F85 · #623B00 · #130409

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#EFDEE3): a clean, paper-quiet neutral.
• Taupe (#9CA8A0): a calm mid-gray that lets other colors speak.
• Eucalyptus (#6B8F85): A luminous, dusty teal — the color of sea glass.
• Bronze (#623B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#130409): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Tempered Studio color palette (#F1EAF1, #B29EA8, #7A8C7C, #84031D, #110410)
• Wandering Loft color palette (#F1EBE5, #C2BAA8, #969377, #563300, #020100)
• Aged Chestnut Loft color palette (#DDE3DD, #90A6A2, #679491, #855900, #030C03)
• Softworn Corridor color palette (#EBE6E1, #A1998B, #896C25, #3C2600, #100700)
• Weathered Station color palette (#D6E3E0, #9FBBBB, #749DA8, #326100, #001915)
• Weathered Forest color palette (#F6DDCC, #847942, #155F34, #3B2249, #280422)
• Tempered Pine color palette (#DFF4EC, #508257, #005242, #4D151B, #000901)
• Antique Station color palette (#C8E8D4, #EF682D, #9F7800, #006E41, #020200)

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