Muted Pine color palette — #F4F4FF · #C1A4D5 · #B87C5C · #3C7942 · #27455F

Olive and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#C1A4D5): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#B87C5C): A luminous, balanced orange — the color of autumn markets.
• Olive (#3C7942): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#27455F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Patina Delta color palette (#F1F5FF, #A7ADE0, #BB7581, #78691C, #174A53)
• Quiet Wisteria color palette (#F7F3FF, #D076C2, #AA6500, #00663C, #003259)
• Muted Station color palette (#FBF2FB, #D98C8F, #85861F, #006B72, #3C2E5E)
• Aged Lagoon Workshop color palette (#F4F4FF, #D3CADC, #BFA7C1, #5F9187, #305659)
• Aged Veranda color palette (#FEF1F9, #BFC0FF, #B5AB6A, #60947A, #41443D)
• Weathered Bronze Harbor color palette (#EDF6FF, #639FCC, #A4593A, #005F66, #204857)
• Dusty Ash color palette (#F2F0FC, #B58BB7, #5D5464, #393644, #212128)
• Ember Canyon color palette (#FBDEF1, #ED4F00, #597500, #00515C, #2D005F)

Browse the whole catalog at Explore, or see today's palette.