Cocoa Loft color palette — #F8E7ED · #90AD9C · #669088 · #673700 · #13040A

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F8E7ED): A whisper-light, dusty rose — the color of pressed rose petals.
• Sage (#90AD9C): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#669088): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#673700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#13040A): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Ancient Meadow color palette (#D7E3DD, #8CACA9, #638F97, #484800, #000D07)
• Ancient Garnet color palette (#EADFEB, #B79CA9, #718F79, #782031, #0E060E)
• Wandering Basalt Workshop color palette (#E6DCD3, #C0BAAD, #979471, #563200, #020100)
• Ancient Bronze Pier color palette (#F4EEE7, #A29889, #896C25, #3C2500, #100700)
• Wandering Meadow color palette (#D7E6DE, #AECBC7, #85ADB3, #696306, #11241B)
• Tempered Pine Hollow color palette (#D5F0E5, #358751, #00514A, #471538, #000802)
• Bronze Workshop color palette (#F9E8E2, #95790F, #276446, #48234F, #19031E)
• Timeworn Olive Cabin color palette (#E6FAF6, #BEE7EC, #9AC5DA, #408C29, #1C3935)

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