Muted Pine color palette — #EBF4F3 · #CDD8DE · #A7BBC0 · #367448 · #172322

Pine and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#CDD8DE): a clean, paper-quiet neutral.
• Ash (#A7BBC0): A luminous, dusty blue — the color of deep harbor water.
• Pine (#367448): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#172322): quiet, heavy and certain.

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

• Antique Petrol Alley color palette (#EAF3FA, #D3D5E4, #B3C0D5, #0C7598, #142734)
• Weathered Cypress color palette (#E4F6F2, #7EAD8B, #06765D, #1C5047, #002221)
• Dusty Pine color palette (#F5F6EE, #D1DCD7, #A2BAAC, #2B7630, #3A3F00)
• Emerald Grove color palette (#EEF7F6, #D3DDE5, #B6B3C4, #639963, #1F3330)
• Obsidian Orchard color palette (#D6E8EB, #007565, #002A36, #000F12, #000303)
• Softworn Abyss color palette (#E0EBEB, #A3B7BB, #72949F, #005135, #000E0E)
• Softworn Denim color palette (#E1EAF2, #C2CCDB, #9CA3B6, #005B86, #0A1722)
• Aged Hollow color palette (#BBEED7, #80AEBA, #637D90, #684158, #41191B)

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