Tempered Mustard color palette — #F4D8D8 · #82C0FF · #BFB200 · #1B392B · #14221B

Gold and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4D8D8): A whisper-light, dusty red — the color of embers at dusk.
• Sky (#82C0FF): A luminous, balanced blue — the color of open sky before noon.
• Gold (#BFB200): A luminous, balanced green — the color of fresh herbs.
• Deep Forest (#1B392B): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#14221B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant, 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

• Mustard Workshop color palette (#FDE4D8, #C1C5FF, #C5C600, #2E443A, #222926)
• Gentle Marigold color palette (#F6D7DE, #7BC1FF, #F69300, #482D38, #25181D)
• Lime Chapel color palette (#F2E6F1, #C3B2FF, #96B300, #55544D, #1E1B09)
• Misty Basin color palette (#FCE2CF, #A8A5FF, #00C558, #093A19, #001F1D)
• Wandering Terrace color palette (#FFE0E8, #A2E3FF, #86E500, #172D01, #101001)
• Sunflower Delta color palette (#FCE4F5, #E9CF00, #00BAA0, #08474E, #0A272B)
• Marigold Meadow color palette (#DDF4F2, #E5A65B, #377243, #003F3B, #011B19)
• Antique Clover color palette (#E9E1F2, #FFAEB5, #00B85E, #123D3B, #0F2221)

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