Muted Pine color palette — #F2F4FF · #A48FD9 · #BB792D · #007420 · #10122B
A conversation between Olive and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F4FF): a clean, paper-quiet neutral.
- Wisteria (#A48FD9): A luminous, balanced violet — the color of wild irises.
- Mustard (#BB792D): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#007420): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#10122B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Quiet Iris color palette (#F1F5FF, #8C96E8, #C76C60, #626500, #0A142C)
- Weathered Blush color palette (#FAF1FF, #D67F9E, #AC822E, #00705A, #1E0C26)
- Gentle Lilac color palette (#F1F5FF, #999BF4, #B25937, #005838, #0B124A)
- Aged Bloom color palette (#F5F4FF, #CC9FD9, #BF9748, #00866F, #252039)
- Misty Rust Bloom color palette (#F8F2FF, #C171A6, #AA4B00, #00573F, #070D23)
- Quiet Archive color palette (#E4FCF1, #BFA9ED, #B2607E, #005E57, #2F1534)
- Wandering Magenta Courtyard color palette (#F7F3FF, #DB52C6, #838400, #006163, #1C0018)
- Softworn Amber color palette (#FFE8E8, #E887C0, #DF891E, #95831C, #3B1C1D)
Browse the whole catalog at Explore, or see today's palette.