Tempered Mustard Coast color palette — #EFF6FF · #98B8FF · #ADB45E · #909559 · #283344
Built around Sage, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Sky (#98B8FF): A luminous, balanced violet — the color of wild irises.
- Sage (#ADB45E): A luminous, balanced green — the color of fresh herbs.
- Moss (#909559): A luminous, balanced green — the color of a quiet forest floor.
- Deep Teal (#283344): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Mustard Coast 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
- Powdered Harbor color palette (#F1F5FF, #B4A5FF, #9AA13B, #808546, #122F38)
- Antique Mallow color palette (#F3F4FF, #D1B1FB, #A2C28E, #73A59B, #3A3B4C)
- Hushed Powder color palette (#EDF6FF, #77C1FF, #DA9E76, #BA815B, #243544)
- Wandering Boulevard color palette (#DDFEF5, #C8BDFF, #D689AD, #4F9177, #3C3A51)
- Muted Garden color palette (#E6E0FF, #BCA7FF, #788F00, #0E8240, #231442)
- Worn Ash color palette (#F3F5FD, #E0D8E0, #C7AFB0, #B0A2D4, #46474F)
- Hushed Mallow color palette (#F5F3FF, #F8A3FF, #00AD71, #008C88, #2D2643)
- Dusty Fuchsia color palette (#F3EAFF, #F875D0, #00B7B0, #2D9393, #2B2137)
Browse the whole catalog at Explore, or see today's palette.