Muted Pine color palette — #F9F3F9 · #B6DBE8 · #4BA1C5 · #307E4C · #253B5A

Olive 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 (#B6DBE8): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#4BA1C5): A luminous, balanced blue — the color of deep harbor water.
• Olive (#307E4C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#253B5A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Ancient Periwinkle color palette (#FCF2F7, #C8EBFD, #77AADB, #408A75, #384768)
• Antique Corridor color palette (#FFF2EE, #D1DFF8, #1CB5E9, #2D814C, #3D233E)
• Cobalt Thicket color palette (#F9EAF1, #90CFE9, #4E88D0, #006D5E, #292559)
• Wandering Cerulean color palette (#F9F4ED, #B4CCB7, #00879D, #006150, #0B4055)
• Tempered Lagoon color palette (#E6F9FF, #D6D8F8, #D3BCF3, #62966B, #234353)
• Aged Teal Hollow color palette (#E2F2E3, #3CC5AA, #009595, #006981, #073D62)
• Faded Coral color palette (#D8F4FE, #00BEC9, #DE6F66, #008189, #57221E)
• Misty Corridor color palette (#C7ECF6, #00ABA9, #CE6A27, #AA6238, #00313C)

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