Patina Cocoa Loft color palette — #FAF4E9 · #C6E0CC · #B7AF8C · #987F79 · #574400

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4E9): bright and airy, almost weightless.
• Celadon Mist (#C6E0CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B7AF8C): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#987F79): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#574400): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

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

• Weathered Bronze Grove color palette (#F4F7EB, #C3E8CE, #76AB97, #996C31, #303F00)
• Weathered Coral color palette (#FFF2EE, #F3D4C5, #CAD29B, #D27F82, #534600)
• Ancient Courtyard color palette (#EFF8F2, #A8CAB9, #7F8655, #725E74, #415249)
• Antique Ridge color palette (#FFF1F0, #F9D2CB, #E79AA9, #AE6E74, #564E4B)
• Softworn Cocoa Hollow color palette (#FFF2EC, #DFD9CD, #E0B2A4, #A3B5B2, #7C421D)
• Weathered Villa color palette (#FFF2EC, #E2D8D1, #E19D94, #985D56, #451E19)
• Olive Balcony color palette (#FCF6DC, #B0C38F, #5C8346, #754131, #131C00)
• Hushed Stone Basin color palette (#FFF2ED, #FCB8B1, #CFB97B, #B694BF, #3E3633)

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