Muted Pine color palette — #F5F2E2 · #88B67B · #00804C · #7A3500 · #0B2803
Built around Teal, softened by Rust — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F2E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#88B67B): A luminous, balanced green — the color of fresh herbs.
- Teal (#00804C): A full-bodied, balanced teal — the color of sea glass.
- Rust (#7A3500): A full-bodied, balanced orange — the color of autumn markets.
- Deep Forest (#0B2803): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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
- Pale Drift color palette (#FBF0DF, #ACAB78, #5B7713, #7C2E36, #232200)
- Gentle Forest color palette (#EBE5CA, #79A362, #006E38, #3D4300, #091B00)
- Powdered Jade color palette (#E1FDF0, #71B67B, #007A6D, #713A64, #214426)
- Emerald Coast color palette (#E3FCF3, #9BCA8E, #00A061, #8D5B40, #0D443D)
- Moss Market color palette (#F3EBC8, #9F9A00, #687B00, #2C5200, #002E0D)
- Feathered Pine color palette (#D6FFD3, #82C679, #148519, #00480F, #001802)
- Dusty Pier color palette (#F3F2EB, #C2C7AA, #748D4C, #6B6315, #31322B)
- Faded Olive Alley color palette (#F2F5D5, #B2EECE, #5AC9CA, #6B7700, #0D371A)
Browse the whole catalog at Explore, or see today's palette.