Muted Pine color palette — #ECF4F4 · #CFD9DF · #B1BFC9 · #28885F · #1F3030

A conversation between Fern and Deep Forest, giving this palette its sense of sophistication.

The five colors

• Ivory (#ECF4F4): a clean, paper-quiet neutral.
• Silver (#CFD9DF): a clean, paper-quiet neutral.
• Ash (#B1BFC9): A luminous, dusty blue — the color of deep harbor water.
• Fern (#28885F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#1F3030): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: 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

• Aged Petrol color palette (#EBF3F8, #D1D6E0, #A8C3D9, #00788D, #0E2834)
• Washed Cypress Field color palette (#F4F6F0, #D2E0DA, #AFC7C3, #518160, #464940)
• Timeworn Lagoon Lagoon color palette (#D3E4E8, #00877F, #163640, #001A1F, #020809)
• Aged Abyss Balcony color palette (#DEE9EA, #8FA4A8, #5E838D, #004132, #000506)
• Timeworn Jade color palette (#EFF7F7, #D4DCE3, #C0B4B8, #61B280, #334342)
• Timeworn Summit color palette (#E1F8F3, #5BADA0, #007A83, #363D84, #002830)
• Weathered Market color palette (#CCEEFF, #A2BCD0, #7690AC, #5D597D, #3E3151)
• Airy Mint color palette (#E0F7FB, #ABF4CE, #0FD6BC, #009DA7, #002926)

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