Tempered Marigold color palette — #FFF2EB · #FBA522 · #9B8000 · #494A00 · #131F00

Saffron and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Saffron (#FBA522): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive Leaf (#9B8000): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#494A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#131F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Sunlit Bronze color palette (#FFF1F1, #FF9F7B, #BA6600, #5F4100, #221C00)
• Hazy Mustard Pier color palette (#FFF4DE, #CCC20E, #6F9600, #105F0B, #001F11)
• Weathered Grove color palette (#FEEBEB, #FF9E61, #BB8800, #5D7E00, #00311A)
• Frosted Amber color palette (#FEDCC7, #D08700, #795E00, #3F3E00, #1C3000)
• Marigold Basin color palette (#FFF4DE, #ED9200, #7B7600, #004C6E, #221600)
• Olive Harbor color palette (#FFF1F6, #E4EBC5, #BCB571, #647B1C, #254F11)
• Worn Bronze color palette (#F4E9DB, #867100, #404600, #061300, #000200)
• Emerald Field color palette (#F8FBBC, #BCD594, #4CAA60, #006344, #002622)

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