Tempered Cocoa Hollow color palette — #FCF4E6 · #D6B98E · #9C9364 · #417C69 · #5F4100

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

The five colors

• Cream (#FCF4E6): A whisper-light, dusty gold — the color of old brass.
• Sand (#D6B98E): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#9C9364): A luminous, dusty green — the color of new leaves after rain.
• Teal (#417C69): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Worn Quarry color palette (#FFF3E6, #E9ADA1, #B78567, #797126, #6F360C)
• Wandering Orchard color palette (#EAFAEE, #FFD59B, #B0A263, #44806B, #344437)
• Antique Orchard color palette (#FEF3E8, #D5A776, #84945D, #845977, #60352C)
• Aged Bronze Delta color palette (#F9F5E9, #D6D2B6, #9F9E78, #A17338, #584E00)
• Antique Denim color palette (#FDF4E8, #D09883, #837838, #53518D, #4C4741)
• Softworn Mint Loft color palette (#FCF6DC, #93C17D, #5C9574, #206C8A, #3D3E37)
• Weathered Mustard color palette (#FFF6CA, #C1A71F, #758800, #006965, #3B3702)
• Ancient Terrace color palette (#FAF0E2, #B89654, #6F5300, #3B3731, #26211A)

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