Mustard Loft color palette — #FFF2C6 · #B1BB69 · #628845 · #0A5627 · #002C20

Sage and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF2C6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B1BB69): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#628845): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#0A5627): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Forest (#002C20): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Misty Mint Study color palette (#DFF7C1, #79C07D, #328A67, #005249, #002B2E)
• Ancient Marigold Field color palette (#FFE4CC, #CFA34A, #8C790D, #435300, #092E00)
• Weathered Forest color palette (#FFF2E1, #BBB06F, #5D7E44, #00643A, #004B44)
• Patina Moss color palette (#E1F9E6, #A2A23A, #3C7B4A, #3E426C, #0D2821)
• Soft Straw color palette (#FFF3E9, #FEDF78, #8AAF68, #00735C, #003D42)
• Worn Cypress Balcony color palette (#ECF4EF, #CADEE0, #ACC3C9, #55806A, #262E2A)
• Hushed Dune color palette (#E3E9C9, #57A800, #006D41, #003A2E, #001412)
• Chalky Lime Terrace color palette (#DCFAF1, #FFDF97, #9DC75F, #4EA783, #002520)

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