Muted Pine color palette — #FFF0FA · #B1FFFB · #00ACC7 · #007744 · #00283C

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

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Sea Foam (#B1FFFB): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ACC7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007744): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00283C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Faded Azure color palette (#FEF1FB, #D1DAF6, #00A7E0, #00745F, #00244B)
• Softworn Boulevard color palette (#F6F7E4, #A7E8E4, #00C2C9, #009A83, #003A41)
• Hushed Aqua Garden color palette (#E7F6F2, #64CFCD, #008189, #005348, #001E23)
• Timeworn Garden color palette (#FBEAF6, #5EAFC2, #005B83, #002C25, #000105)
• Hushed Lagoon Corridor color palette (#FBF2F9, #D4D4E2, #8AC4E0, #51907D, #26415E)
• Ancient Lime color palette (#FFF2C8, #C1C900, #649500, #006623, #002A1D)
• Chartreuse Study color palette (#DFFFE2, #75E87B, #00993D, #005325, #000B04)
• Gentle Moss color palette (#E2FFD7, #C2EDEE, #85E7FF, #A68E00, #003A22)

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