Tempered Cocoa Coast color palette — #FFF3E4 · #F7C59D · #A9B57D · #8587B2 · #614100

Built around Bronze, softened by Wheat — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#F7C59D): A whisper-light, dusty gold — the color of old brass.
• Sage (#A9B57D): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#8587B2): A luminous, dusty violet — the color of wild irises.
• Bronze (#614100): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Weathered Pier color palette (#FEF4E1, #FABDC8, #D0A57C, #6990B3, #703416)
• Muted Fern color palette (#FFF3E8, #D2D5A0, #7ABFA5, #AA7E86, #4D4A00)
• Patina Honey Atelier color palette (#FCF4EA, #E9C082, #71B5C8, #7386B2, #5C363A)
• Softworn Cypress color palette (#FCF4E5, #EDDCAE, #A3A76B, #2E8277, #423F38)
• Quiet Mustard Meadow color palette (#FFEAD8, #C3BF5A, #51AB87, #905E9C, #31312A)
• Patina Bronze color palette (#FAF1E0, #CAB673, #837F35, #6D4F00, #26211C)
• Taupe Meadow color palette (#FAF4EE, #C5DFF0, #DCBAD7, #87AD90, #654859)
• Aged Clover Terrace color palette (#FFF3E6, #F3B511, #60BF53, #805DB4, #3B3700)

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