Tempered Cocoa Market color palette — #FBF5E5 · #81A775 · #28715E · #5E4800 · #35362F

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

The five colors

• Cream (#FBF5E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#81A775): A luminous, balanced green — the color of new leaves after rain.
• Teal (#28715E): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#5E4800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#35362F): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Cypress color palette (#E1F8F1, #8DAA83, #45704B, #3E4D25, #00221E)
• Soft Orchard color palette (#FFF4DD, #7AB654, #007C5F, #105874, #2B421E)
• Driftwood Meadow color palette (#FBF4EB, #CBC199, #7E8842, #596B5E, #5B4C00)
• Lagoon Cabin color palette (#F7F6E9, #B5B88E, #55905F, #6C6619, #35362F)
• Emerald Pier color palette (#EAE4D4, #609D61, #006355, #15425D, #282C03)
• Dusty Chapel color palette (#FFE6D0, #A59300, #356A00, #004D4E, #352E00)
• Antique Rust color palette (#DFF6E1, #00A1A8, #B6565E, #006368, #562227)
• Feathered Rust Pier color palette (#CEEFD1, #008B90, #B1452E, #7B4700, #1B321E)

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