Tempered Honey color palette — #FFF4E2 · #D4CA7C · #86B281 · #707FB3 · #3F3D36

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honey (#D4CA7C): A whisper-light, balanced green — the color of a quiet forest floor.
• Sage (#86B281): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#707FB3): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

Use it as a design system

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

• Seafoam Boulevard color palette (#FFF4E2, #9CD8A8, #5AB6B1, #96739E, #3B3E38)
• Timeworn Bloom color palette (#FFF4E2, #FCB587, #BAA354, #428CA7, #413C36)
• Tempered Driftwood Courtyard color palette (#F7F0D5, #D6DAB3, #A7B89E, #AA8395, #64454B)
• Tempered Marigold Lantern color palette (#FFF2EA, #D2AA63, #5B9573, #6D5885, #3F3D36)
• Fern Veranda color palette (#F4F7E9, #CADDB4, #7EB9B1, #A18C72, #334B06)
• Hazy Corridor color palette (#F0DBB9, #35C59A, #0099AA, #92467F, #002B26)
• Chalky Canyon color palette (#F9E2B1, #98C300, #00A777, #7352BF, #0C3200)
• Aged Lime color palette (#E8E6CE, #9DB662, #6C7731, #534B00, #1B180F)

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