Tempered Mustard color palette — #F7D8EA · #E5AD34 · #5C9B57 · #69253D · #000200

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

The five colors

• Shell Pink (#F7D8EA): A whisper-light, dusty pink — the color of a candy shop window.
• Saffron (#E5AD34): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#5C9B57): A luminous, balanced green — the color of new leaves after rain.
• Mulberry (#69253D): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

Use it as a design system

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

• Garnet Basin color palette (#FFECDA, #C4BA60, #2D9E7E, #7A2427, #020100)
• Linen Delta color palette (#FFD0D7, #F9975D, #7C9702, #60306A, #060000)
• Sunlit Olive color palette (#F8D9C2, #B7995D, #5B841D, #59001B, #190B00)
• Bronze Field color palette (#F7E5D4, #CC9F5B, #829D4C, #A65215, #180B00)
• Antique Chestnut color palette (#FBE8EF, #A67C3E, #726100, #471E00, #030100)
• Deep Bronze color palette (#F5DFEC, #9B6500, #652500, #2A000A, #010100)
• Bronze Courtyard color palette (#E1F2E5, #977500, #004548, #372900, #000102)
• Turquoise Bloom color palette (#FAF2BB, #90DA9D, #00B7D6, #7F4E00, #040900)

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