Muted Pine color palette — #F9F3F9 · #CDE0F5 · #71AECC · #3B8D5B · #354962

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#CDE0F5): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#71AECC): A luminous, dusty blue — the color of deep harbor water.
• Fern (#3B8D5B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#354962): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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 Canyon color palette (#FAF3F8, #B6DBEE, #5C9BD1, #007F62, #2F3661)
• Antique Powder color palette (#FDF3EF, #BCEDF5, #84C5E1, #658D6E, #4B384B)
• Ancient Jade color palette (#E4FAFF, #DCDDE8, #EBBCE4, #72A87F, #364E5C)
• Muted Cerulean color palette (#F8F5EF, #C9E5CC, #009BB3, #00735E, #2F5042)
• Tempered Workshop color palette (#BDEEEA, #71C8AF, #00ACA4, #007B94, #144A6B)
• Antique Blush Balcony color palette (#EAF8FF, #71C5DD, #E38499, #008FAB, #652E3B)
• Cobalt Thicket color palette (#F0E3EA, #86BAD1, #3C75C0, #005A4F, #1E0D52)
• Ultramarine Study color palette (#ECDDE2, #6A98BB, #3748B9, #003B3B, #0F0023)

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