Tempered Mustard color palette — #FFD7D4 · #DCC27F · #8BB495 · #7B81A3 · #383D5D

Built around Honey, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD7D4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Honey (#DCC27F): A whisper-light, balanced gold — the color of honey in a jar.
• Sage (#8BB495): A luminous, dusty teal — the color of sea glass.
• Slate Blue (#7B81A3): A luminous, dusty violet — the color of a velvet chair.
• Navy (#383D5D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Aged Stone Loft color palette (#FFD4F4, #F2B3A4, #B4AB7C, #6F89AB, #2E425A)
• Wandering Oat color palette (#CFF1D1, #B8D298, #7DB3C1, #89779C, #4A3C59)
• Weathered Stone Canyon color palette (#FFE2C0, #C9B974, #809F75, #7A5E7C, #563649)
• Washed Cypress color palette (#FFF6C9, #B4DCCC, #79AFA3, #3B7C7C, #1A3F50)
• Wandering Quarry color palette (#E6FDE7, #C4E6DF, #B1CAD4, #A497AA, #5A5060)
• Softworn Garden color palette (#F5D7CF, #C09E83, #8A772E, #37457A, #3E1B24)
• Taupe Veranda color palette (#FFE4DC, #B39E46, #419078, #695881, #34214A)
• Dusty Mint color palette (#E2F0D1, #51CEB8, #649BBF, #826982, #532327)

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