Olive Loft color palette — #FFF2EA · #F4D796 · #ABA533 · #497C18 · #1F4B30
Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Wheat (#F4D796): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Moss (#ABA533): A luminous, balanced green — the color of fresh herbs.
- Olive (#497C18): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#1F4B30): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Marigold Canyon color palette (#FFF0FC, #FFD3BA, #D19A34, #877400, #384817)
- Jade Hollow color palette (#DDFFE7, #DDE59D, #7DB568, #007F58, #00423D)
- Quiet Mustard color palette (#FFF0DA, #DEC669, #B6AE00, #728D3D, #4D4D46)
- Feathered Mustard color palette (#FEEECD, #C6AF39, #827E00, #465513, #00342C)
- Bronze Workshop color palette (#FCE7D0, #987800, #4A5000, #042701, #000201)
- Feathered Mint color palette (#DAEDB0, #71CA7B, #009876, #005356, #001E29)
- Weathered Fern color palette (#D8FFF4, #9BE7E4, #8EB262, #3F6A00, #162500)
- Olive Pier color palette (#EEEDDB, #537B00, #004B28, #001914, #000202)
Browse the whole catalog at Explore, or see today's palette.