Dusty Olive color palette — #ECF9EF · #B3A87C · #628251 · #445884 · #344E43
Built around Fern, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Sage (#B3A87C): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#628251): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#445884): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#344E43): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Dusty Olive 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
- Muted Denim color palette (#EAFAED, #8DB48A, #37867B, #6C487F, #2F4E4E)
- Patina Denim Studio color palette (#ECF9EF, #CB9B85, #887548, #006477, #574049)
- Pine Alley color palette (#FEECF5, #CFA273, #53874F, #5D4673, #213027)
- Tempered Cabin color palette (#FFF2E9, #E2B482, #6AA26C, #776491, #4A4740)
- Pewter Station color palette (#E7FBF0, #ABC8C0, #7C989A, #626F90, #535167)
- Sand Villa color palette (#FFF4E2, #E3D089, #98BA87, #9E819A, #4A4841)
- Quiet Aubergine color palette (#E1F5E4, #66945A, #006A5B, #532771, #003937)
- Hushed Grove color palette (#E3FDE8, #87952B, #007344, #4719A8, #273D12)
Browse the whole catalog at Explore, or see today's palette.