Muted Pine color palette — #FAF2FA · #B6E4EF · #00ACD1 · #148923 · #054270

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

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Powder Blue (#B6E4EF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00ACD1): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#148923): A full-bodied, vivid green — the color of a quiet forest floor.
• Navy (#054270): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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 Pier color palette (#FCF2F9, #B4DBEE, #559CD3, #007F5F, #2E375F)
• Timeworn Boulevard color palette (#FBF4E9, #97DDDA, #00909E, #00694D, #004759)
• Airy Jade Ridge color palette (#E9FAEC, #8FFAF5, #18CDE0, #00AA7F, #004759)
• Hushed Boulevard color palette (#F9F3F8, #D6D5E8, #8BB7D6, #499876, #44536C)
• Cobalt Alley color palette (#F7EAF2, #84BAD2, #3E75BC, #005A4E, #1D0F50)
• Muted Dune color palette (#E8DAE3, #5A9DB2, #005B9A, #003D2F, #06002B)
• Worn Veranda color palette (#BDF8F9, #00B77E, #A66BF0, #9A47F1, #003B26)
• Amber Terrace color palette (#D7FFF7, #9DF1FF, #A6CAFF, #B48300, #1A533E)

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