Muted Pine Garden color palette — #FCF3EE · #CEE3CE · #3298B1 · #13744C · #225244

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Celadon Mist (#CEE3CE): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#3298B1): A luminous, balanced blue — the color of deep harbor water.
• Pine (#13744C): A full-bodied, balanced teal — the color of sea glass.
• Forest (#225244): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Pine Garden 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

• Timeworn Cypress color palette (#FCF3EF, #C8E5D0, #5593B1, #00735D, #563E58)
• Weathered Cerulean Thicket color palette (#ECF4F2, #C0E3EE, #3F9DA6, #006E62, #063140)
• Washed Turquoise Corridor color palette (#F5F6EF, #BCEADE, #2EB9C6, #288C7F, #2F503C)
• Cerulean Hollow color palette (#FDF3ED, #B3CCBB, #3B80A6, #006152, #1D3B63)
• Tempered Denim color palette (#F5E8E2, #5E9BA3, #00516C, #003125, #00142B)
• Hushed Aqua Balcony color palette (#FAF2F8, #BCF8F7, #6FCDE5, #72A588, #314B5F)
• Faded Coast color palette (#FFF1F4, #A474AE, #578C32, #007C52, #4E2C35)
• Wandering Basalt Workshop color palette (#FAF5E6, #ABA985, #767548, #684C12, #394300)

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