Muted Pine color palette — #F3EFCE · #007A2F · #004736 · #002136 · #000802
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Custard (#F3EFCE): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#007A2F): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004736): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002136): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000802): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Muted Pine 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
- Hushed Bloom color palette (#F2E8CB, #656B00, #1F4700, #002328, #040600)
- Eclipse Forest Balcony color palette (#F1F0D2, #00654A, #003734, #001036, #000202)
- Washed Emerald color palette (#D9EDE5, #279A0F, #006948, #003D57, #001D07)
- Patina Olive color palette (#FFDCED, #5F6E00, #00483C, #430037, #031C00)
- Nightshade Lantern color palette (#DEECD6, #00947D, #005E61, #170096, #001614)
- Misty Field color palette (#FFEAD9, #7F9600, #006355, #4D0043, #000600)
- Navy Grove color palette (#F4F3E2, #6AAD8A, #007C6F, #004686, #1C270F)
- Dusty Aubergine color palette (#E5EFD0, #0085A7, #004F82, #470058, #00101A)
Browse the whole catalog at Explore, or see today's palette.