Tempered Cocoa Harbor color palette — #FBF4E8 · #EADDB9 · #B5BB8A · #AF928B · #5F4A00

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Wheat (#EADDB9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B5BB8A): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#AF928B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Tempered Cocoa Harbor 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

• Oat Quarry color palette (#FFF2EE, #FFC3C3, #C5CE85, #D59495, #5B4C00)
• Washed Cocoa color palette (#FBF4EB, #DED0AD, #91A375, #8D7582, #614900)
• Softworn Fern color palette (#F4F8E6, #ACE4C3, #72BEA2, #A38C72, #394A00)
• Tempered Dune color palette (#FFF2ED, #E0D8CE, #D6AEA3, #9EB6CE, #7B401B)
• Sunflower Villa color palette (#FEF5DC, #CCD866, #93B252, #AF7872, #3A3E12)
• Cocoa Coast color palette (#FFF2ED, #F3D5BF, #F0A69F, #AB7772, #5E2301)
• Driftwood Bloom color palette (#F9F0E8, #CEC2A6, #758B66, #735867, #34312A)
• Wandering Moss color palette (#EAE5CF, #AAC57D, #71A056, #986759, #2D2A09)

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