Tempered Mustard color palette — #FFF0F8 · #C7A100 · #009069 · #00636F · #1C061E
Built around Gold, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Gold (#C7A100): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#009069): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00636F): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#1C061E): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
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
- Chalky Moss color palette (#FBF5DF, #989F00, #008379, #005571, #230A1E)
- Weathered Pine Chapel color palette (#FFF3E7, #E18E00, #008D2A, #00655B, #00121D)
- Lagoon Meadow color palette (#FFF2EE, #FF96A2, #009D71, #007D7F, #281C3F)
- Emerald Parlor color palette (#FFF0FE, #4A92FF, #249611, #006052, #00141C)
- Fern Corridor color palette (#FFF3E3, #FFA677, #B87500, #166B0B, #3E1F04)
- Ancient Rose color palette (#FFF2ED, #FF4E5A, #8D7400, #1E5C00, #001210)
- Tempered Cerulean Pier color palette (#F3F7EC, #81C8A7, #3E96CD, #67699B, #372326)
- Bronze Orchard color palette (#FFF3E8, #995900, #335900, #00441F, #2C193B)
Browse the whole catalog at Explore, or see today's palette.