Muted Pine color palette — #FFF2EE · #B3FFF9 · #00ABCC · #177810 · #002644

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#B3FFF9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00ABCC): A luminous, balanced blue — the color of open sky before noon.
• Olive (#177810): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002644): 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

• Azure Summit color palette (#FFF2ED, #D5DEF8, #00A5EB, #00764E, #0C1D58)
• Tempered Lagoon color palette (#E7FCEB, #82EFE8, #00C1D0, #009C70, #003947)
• Worn Aqua Market color palette (#FEF1F9, #59CDC6, #007C8D, #005A2F, #00384F)
• Frosted Loft color palette (#F6F3FF, #A97AFF, #00A276, #008764, #190136)
• Tempered Forest Thicket color palette (#FFF2ED, #94DBD8, #0087A7, #005617, #000D1F)
• Aged Periwinkle color palette (#FBF4EC, #C4E4F8, #88A0F7, #007F7F, #442131)
• Softworn Powder color palette (#FBF3F0, #BBE9F4, #78C5F0, #50926E, #4F354D)
• Patina Quarry color palette (#F0E1DA, #70ADBA, #005A87, #002D1D, #00000B)

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