Mustard Loft color palette — #FAF5E8 · #B3A400 · #006C9B · #605700 · #03231A

A conversation between Gold and Peacock, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Gold (#B3A400): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#006C9B): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#605700): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#03231A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Amber Atelier color palette (#FFF3E5, #DB8F00, #00727A, #764B00, #0E2212)
• Gentle Ultramarine color palette (#F8F6E9, #92A350, #404FBC, #4A5600, #24111F)
• Softworn Lime Harbor color palette (#E2F7F1, #84BC00, #007A80, #466700, #000B10)
• Feathered Ultramarine Corridor color palette (#FFF4DE, #957B00, #0054B6, #603200, #352900)
• Linen Moss color palette (#FFF2EF, #59A20C, #006C7A, #7E0C41, #0E3F2C)
• Tempered Violet color palette (#F5F6EE, #83C17F, #8E68CA, #0B6110, #301E26)
• Hazy Lime Canyon color palette (#F7F6E3, #93D200, #009B90, #5D8700, #10220C)
• Faded Lapis Loft color palette (#F4F7E9, #43BD6A, #5A3BE5, #00682E, #2B1423)

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