Muted Pine color palette — #EBF4F4 · #85C3A5 · #0081A5 · #007752 · #021019

A conversation between Pine and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Mint Leaf (#85C3A5): A luminous, dusty teal — the color of sea glass.
• Cerulean (#0081A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#007752): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#021019): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Patina Parlor color palette (#ECF3F6, #90D1D1, #6D80BA, #008283, #0F1623)
• Softworn Olive Archive color palette (#ECF4F1, #B1BA77, #18886E, #636B00, #001214)
• Feathered Meadow color palette (#F5F6ED, #91BC89, #0072C1, #307025, #172824)
• Muted Parlor color palette (#F3F6EF, #92D5B5, #009BD6, #009869, #162822)
• Patina Garnet color palette (#E5F7E9, #59ACA8, #00759D, #732743, #032733)
• Patina Cerulean color palette (#BEFAE9, #66BBB9, #0087A0, #005174, #00244C)
• Lagoon Boulevard color palette (#ECF3F5, #D2D7DD, #B4BDD0, #14877B, #232E30)
• Gentle Amethyst Atelier color palette (#E3F5FF, #00BADE, #793EDA, #00667B, #0C0221)

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