Muted Pine color palette — #FFF4E1 · #B8B57E · #6F904E · #227A4E · #3F5638
Built around Pine, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#B8B57E): A luminous, dusty green — the color of fresh herbs.
- Olive Leaf (#6F904E): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#227A4E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#3F5638): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. 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
- Quiet Emerald color palette (#CEF4E3, #B6C789, #629543, #37693F, #123B3C)
- Antique Coast color palette (#FEF5D7, #B9D095, #81B261, #4E8155, #4C4F48)
- Weathered Olive Villa color palette (#FFF2EC, #DBAD8B, #9B7E35, #6A6C17, #53534B)
- Patina Olive color palette (#F6F6EB, #9CBA8D, #BA83B3, #4C8328, #674146)
- Wandering Harbor color palette (#F7F8D8, #97CBB0, #269683, #00727F, #315848)
- Timeworn Workshop color palette (#E5EED8, #52A87B, #008372, #005557, #1F365A)
- Aged Market color palette (#F4F7E8, #CAE6DC, #A0CED3, #958356, #3D5615)
- Lagoon Terrace color palette (#DAEADA, #008D66, #005A53, #00313C, #0E1631)
Browse the whole catalog at Explore, or see today's palette.