Muted Pine color palette — #ECF8F7 · #CCDDE7 · #9EC3CE · #0F7F49 · #2D4544
Pine and Ash set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Silver (#CCDDE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#9EC3CE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#0F7F49): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#2D4544): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Ancient Ridge color palette (#E8F5F4, #CCD8E3, #AAC3D3, #008137, #122A28)
- Forest Hollow color palette (#E5F1F2, #BFD0D3, #8EA5AD, #006549, #1E3233)
- Hushed Hollow color palette (#F4F7EC, #CFDDD8, #A3C9C8, #419C53, #3D4500)
- Cypress Archive color palette (#DBFEF7, #76B38E, #007B66, #3C5B2F, #0B462A)
- Abyss Balcony color palette (#D9EAF1, #9CACB6, #6F8195, #003F48, #001720)
- Lowlit Cypress Villa color palette (#D1F8FF, #00796D, #003137, #001C21, #00080E)
- Patina Chartreuse color palette (#E0FBFF, #7BF672, #00C7A7, #0095AC, #00443F)
- Cerulean Quarry color palette (#B6F8E4, #7CB8BA, #4B82A4, #784F63, #6B3533)
Browse the whole catalog at Explore, or see today's palette.