Weathered Olive Loft color palette — #FEF3E7 · #B07D39 · #586D00 · #005544 · #3E3633

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

The five colors

• Ivory (#FEF3E7): a clean, paper-quiet neutral.
• Caramel (#B07D39): A luminous, balanced gold — the color of honey in a jar.
• Olive (#586D00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005544): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3E3633): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Aged Lantern color palette (#F9F5EA, #948B34, #007743, #00525B, #4F3012)
• Olive Alley color palette (#FFF3E6, #CEB690, #8B8557, #587131, #35584C)
• Ember Quarry color palette (#FFF2EB, #C76B53, #7E5D00, #2F5312, #4F2A3F)
• Washed Fern Market color palette (#F5E6CE, #8B6800, #255A00, #003B38, #411400)
• Ancient Corridor color palette (#FFEEE5, #D26C50, #007662, #00485D, #20153D)
• Dusty Olive Alley color palette (#E2E3D1, #3D7A00, #00524C, #00324A, #281E00)
• Weathered Atelier color palette (#F7F8DA, #549100, #00695A, #00475B, #1C266D)
• Apricot Balcony color palette (#FFF2EA, #FFD1CC, #FC8E58, #C6801F, #3F3934)

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