Mustard Loft color palette — #ECF9F0 · #C9AB3D · #009476 · #006979 · #0C1622

Built around Gold, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Gold (#C9AB3D): A luminous, balanced green — the color of new leaves after rain.
• Fern (#009476): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006979): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#0C1622): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Worn Mint color palette (#E7FAF6, #85BF6F, #0094A8, #305F94, #191A2A)
• Gentle Moss Pier color palette (#FFF0F8, #E28F5F, #679100, #00664D, #031C27)
• Quiet Moss color palette (#EEF9EE, #E7AF62, #729928, #006B5E, #491B0F)
• Amber Lantern color palette (#E9FBEB, #FABD8B, #BA8805, #39714D, #422932)
• Weathered Emerald Corridor color palette (#F0F5FF, #8D9FFA, #179455, #006C6C, #0C1F2E)
• Nightshade Pier color palette (#DFFCFA, #00BA6A, #0085AE, #2B39BC, #120B27)
• Sunlit Dune color palette (#F5F3FF, #D493DC, #009AA3, #0B5D8F, #15182A)
• Wandering Blush Alley color palette (#FCF1FE, #F7889D, #00B4CB, #328AA5, #252938)

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