Olive Loft color palette — #FFF0F4 · #FF9CAC · #CD7800 · #478400 · #020100
Olive Leaf takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF0F4): a clean, paper-quiet neutral.
- Ballet Pink (#FF9CAC): A luminous, balanced red — the color of a theater curtain.
- Mustard (#CD7800): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive Leaf (#478400): A full-bodied, balanced green — the color of fresh herbs.
- Black (#020100): quiet, heavy and certain.
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
- Soft Bloom color palette (#FFEFF7, #FF85B9, #F47000, #7C6D00, #020100)
- Moss Study color palette (#FFE9D8, #FF79B3, #E28000, #559D00, #100800)
- Moss Station color palette (#FEF1BF, #FF996D, #A49300, #007753, #010100)
- Amber Study color palette (#F1DDCC, #B27E00, #605400, #242B00, #000500)
- Fern Boulevard color palette (#FFDDD1, #B39648, #40661F, #282852, #030723)
- Worn Rose color palette (#FFEFFD, #F391FF, #FE2B58, #8B5C00, #030000)
- Peony Meadow color palette (#F5E3D1, #E24991, #A75100, #285700, #020100)
- Dusty Ember color palette (#FCECDC, #E95F41, #9C5E00, #4C4A00, #140C00)
Browse the whole catalog at Explore, or see today's palette.