Olive Loft color palette — #D8F1E9 · #B37C00 · #638100 · #005B55 · #000301
Built around Olive Leaf, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8F1E9): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#B37C00): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#638100): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005B55): A full-bodied, dusty teal — the color of shallow lagoons.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Ancient Moss color palette (#CFE6E5, #999200, #008151, #005264, #000201)
- Amber Bloom color palette (#DDE2D4, #E37100, #627D00, #004F55, #001306)
- Feathered Ember color palette (#D4EADC, #D85500, #7E6B00, #005636, #020200)
- Olive Thicket color palette (#DFEBDF, #706B00, #223F00, #2B1B00, #000402)
- Hushed Pine color palette (#E7E5D1, #3D7F47, #005052, #33142A, #14000E)
- Ancient Mustard color palette (#F7F5CD, #C9C200, #74A000, #008029, #000200)
- Mulberry Orchard color palette (#C3EBEB, #006C4A, #880047, #003321, #0A0003)
- Clover Archive color palette (#CFFDF3, #F3B000, #2FC31D, #007B7C, #00160D)
Browse the whole catalog at Explore, or see today's palette.