Tempered Honey Garden color palette — #FFF0F9 · #E9D5CE · #E4C780 · #9FA6B3 · #5A404B

Honey and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#E9D5CE): A whisper-light, dusty orange — the color of autumn markets.
• Honey (#E4C780): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Blue Fog (#9FA6B3): A luminous, dusty violet — the color of wild irises.
• Cocoa (#5A404B): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Tempered Honey Garden 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 Celadon Thicket color palette (#FFF2EA, #CBE387, #E6CFCD, #ACB7B1, #543100)
• Dusty Ash color palette (#FFF0FA, #D7EAD7, #ADC9BB, #809DAE, #445262)
• Taupe Loft color palette (#ECF9EF, #E8D39F, #B2C5FF, #C1A560, #404D66)
• Tempered Loft color palette (#FEECF4, #EAA478, #708171, #5E5057, #261F24)
• Mint Orchard color palette (#E5FBF2, #CDE3C3, #9DE1EA, #88D49B, #2F411B)
• Honey Market color palette (#E7FBEC, #FFDAC3, #FCC74B, #95C059, #103D2A)
• Airy Chartreuse Coast color palette (#D6FFF7, #FAD53A, #92DD00, #00CCB3, #003809)
• Clover Grove color palette (#E1F2E9, #FFA84A, #C7B000, #3BB700, #111600)

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