Olive Loft color palette — #FFF3E2 · #FF8E76 · #CA8900 · #307A00 · #2C2600

Olive takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Salmon (#FF8E76): A luminous, balanced orange — the color of toasted spice.
• Mustard (#CA8900): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#307A00): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2C2600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Olive 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

• Hushed Amber Canyon color palette (#FFF0F7, #FF849B, #E97B00, #5E8300, #352500)
• Apricot Coast color palette (#FBF8C7, #F99313, #9D9600, #00846B, #1E3000)
• Timeworn Marigold Lantern color palette (#FFF0D8, #F9A127, #C49300, #7C7C00, #140E00)
• Feathered Boulevard color palette (#FFF0FC, #FE6DE7, #FF6355, #917000, #411C00)
• Sunlit Emerald color palette (#D1EFEC, #B79C00, #3C9200, #005F62, #001D10)
• Airy Lantern color palette (#DBFFEC, #FFB67B, #AAB200, #009882, #213E00)
• Soft Amber Terrace color palette (#F6E0C3, #A68C00, #676A00, #215100, #003A1A)
• Dusty Nightshade color palette (#FEE3DE, #BB945B, #5F762D, #4F418C, #682354)

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