Mustard Loft color palette — #DCFDFC · #C3C300 · #006138 · #001F0E · #000201

Gold and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DCFDFC): A whisper-light, dusty teal — the color of shallow lagoons.
• Gold (#C3C300): A luminous, vivid green — the color of a quiet forest floor.
• Pine (#006138): A full-bodied, balanced teal — the color of sea glass.
• Ink (#001F0E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged luxury, dark, muted.

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

• Wandering Sunflower color palette (#DFFCFD, #D1D966, #217356, #003021, #000505)
• Timeworn Study color palette (#E8F8FF, #85E000, #006470, #002329, #000102)
• Moss Cabin color palette (#D2F6FA, #9EAD00, #004739, #242229, #000A07)
• Aged Lagoon Basin color palette (#CAE4E6, #D6B369, #188D6F, #005642, #000E10)
• Timeworn Celadon Alley color palette (#E6F9FD, #D9F0AC, #35857F, #0F3F48, #051215)
• Muted Coral Corridor color palette (#CDE3E7, #C2726F, #003F39, #001B18, #00060E)
• Misty Cobalt Basin color palette (#E1FBFF, #00A08E, #4371D0, #584E00, #000A0C)
• Cobalt Villa color palette (#E6F9FF, #00D5D9, #007DC0, #007274, #000104)

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