Patina Cocoa Loft color palette — #E9F9F9 · #6FA58F · #7067A1 · #7A431A · #224D32

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

The five colors

• Ivory (#E9F9F9): a clean, paper-quiet neutral.
• Eucalyptus (#6FA58F): A luminous, dusty teal — the color of glacier melt.
• Slate (#7067A1): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#7A431A): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#224D32): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Softworn Fern Veranda color palette (#EEF7FC, #5CA4B8, #965A7B, #535900, #154A56)
• Patina Lagoon color palette (#EFF8F2, #A4CAC0, #5A8B8A, #446D7A, #36544D)
• Tempered Boulevard color palette (#E6F9FF, #008F94, #6D37A9, #5D3500, #003935)
• Muted Summit color palette (#EDF7FF, #82B8DF, #8E80C3, #8A5573, #184957)
• Indigo Balcony color palette (#F7EFF7, #779ED2, #7F5FA8, #6F3653, #392011)
• Timeworn Boulevard color palette (#F9F3F7, #D5D6EC, #66A3BB, #347E65, #3E556B)
• Tempered Thicket color palette (#E9F3FB, #4A85A2, #323D4F, #1A2B37, #10161D)
• Denim Orchard color palette (#EBF7FF, #8EC2E3, #5980BC, #5A5A9E, #4B4E70)

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