Patina Cocoa Bloom color palette — #FBF4ED · #C7E0CC · #99B98D · #9B7B8A · #574300

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Celadon Mist (#C7E0CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#99B98D): A luminous, dusty green — the color of fresh herbs.
• Heather (#9B7B8A): A luminous, dusty rose — the color of strawberry cream.
• Deep Olive (#574300): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Patina Cocoa Bloom 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 Bone color palette (#EFF8F1, #BAEBD4, #90C2B4, #9699AB, #3E5249)
• Teal Bloom color palette (#F7F6EB, #C1F3D8, #41B1B2, #946A69, #2E3F00)
• Lagoon Study color palette (#EFF8EF, #A9C9BA, #608B82, #5E647E, #3E5249)
• Dusty Boulevard color palette (#FFF2EB, #EED6BF, #73E3CF, #CA8674, #3B4C33)
• Glacier Station color palette (#FBF3F1, #C0E1E6, #84DAF7, #799D7B, #564758)
• Aged Driftwood color palette (#F7F1E5, #CDC3A0, #90843B, #755A52, #33312A)
• Antique Lagoon color palette (#F9F5EA, #BADBB1, #14A083, #765777, #282A10)
• Muted Cocoa Field color palette (#FFF2EF, #EFFDC2, #E1DCCF, #D7A9B1, #773B1A)

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