Mustard Loft color palette — #F8F1E3 · #C1A700 · #007698 · #6A5B00 · #000D06
Gold and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F1E3): bright and airy, almost weightless.
- Gold (#C1A700): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#6A5B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Mustard Loft 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
- Quiet Boulevard color palette (#FEEFDF, #E59300, #007C70, #7F4F00, #020D00)
- Aged Balcony color palette (#F7F2DE, #A7B200, #355ED8, #5B6100, #140212)
- Tempered Clover color palette (#F6F6E8, #74B734, #007661, #386400, #132207)
- Dusty Olive Dune color palette (#E7FBF1, #C2C05E, #0097A7, #7F7C00, #002226)
- Dusty Ultramarine Market color palette (#EAE5D5, #999100, #004CB6, #4D4800, #060006)
- Frosted Moss color palette (#FFEDE9, #5FA700, #006E7C, #6E094D, #002315)
- Clover Hollow color palette (#F0F4E4, #00C860, #0065D5, #006E32, #120312)
- Worn Chartreuse Balcony color palette (#E9FAF4, #C7EA46, #00A7A2, #728A00, #000C10)
Browse the whole catalog at Explore, or see today's palette.