Tempered Mustard color palette — #E7FBEF · #B6A400 · #006C7A · #584E00 · #000102
Gold and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7FBEF): A whisper-light, dusty teal — the color of sea glass.
- Gold (#B6A400): A luminous, balanced green — the color of fresh herbs.
- Peacock (#006C7A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#584E00): A full-bodied, balanced green — the color of new leaves after rain.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, muted.
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
- Dusty Amber color palette (#FFF1F6, #E48900, #006B7E, #704000, #000103)
- Tempered Moss color palette (#DCEFE9, #7A9D00, #005572, #324300, #000103)
- Lime Alley color palette (#E3FBF5, #72B900, #0062A8, #355900, #000104)
- Quiet Moss color palette (#E3E2D3, #65B000, #00755A, #003940, #000308)
- Chalky Basin color palette (#FFE8E8, #48A200, #005F6E, #4F033B, #000503)
- Timeworn Amethyst Grove color palette (#E1FCF7, #51BE41, #6E47E9, #0F4D04, #00000B)
- Hushed Olive Quarry color palette (#F0F0DC, #88BB59, #009975, #518800, #020400)
- Violet Thicket color palette (#E7F9FC, #00D9B7, #7A57E0, #007461, #010008)
Browse the whole catalog at Explore, or see today's palette.