Tempered Cocoa Pier color palette — #FDF3EC · #DEE1CB · #B4B08A · #758E6F · #5B4100

Bronze takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#DEE1CB): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B4B08A): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#758E6F): A luminous, dusty green — the color of fresh herbs.
• Bronze (#5B4100): 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 Tempered Cocoa Pier 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

• Antique Drift color palette (#EEF8F0, #C7E6D7, #ABBF86, #7FA2A1, #3F5249)
• Muted Taupe color palette (#FEF3EC, #E0E1B9, #9BA471, #906978, #3C3832)
• Ancient Loft color palette (#F7F1E8, #D1C399, #7A8A5D, #596925, #33312A)
• Linen Aubergine Canyon color palette (#F5DCC8, #A48B43, #415600, #430A52, #020100)
• Lagoon Station color palette (#FBF5E7, #D2D3AB, #549A82, #336B84, #2A2A02)
• Teal Summit color palette (#FAF4F0, #C5DEEB, #C5BCE8, #39A59C, #5E4451)
• Aged Pine Meadow color palette (#FEF4E4, #B3C294, #258B58, #005B6D, #141C00)
• Weathered Cypress color palette (#FAF5E6, #85AF84, #007060, #004061, #000B01)

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