Muted Pine color palette — #FDF1FD · #CDDBF3 · #25BFF1 · #228C49 · #15355D

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

The five colors

• Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
• Powder Blue (#CDDBF3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#25BFF1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#228C49): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#15355D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Periwinkle Terrace color palette (#FFF1F6, #D7D4DF, #8CABFB, #008884, #392C56)
• Pale Lagoon color palette (#FDF1FB, #C3FAFF, #00A7E1, #007745, #001F59)
• Soft Aqua color palette (#F5F6EB, #B5F1F3, #35CCDE, #00A79A, #004855)
• Quiet Coast color palette (#FCF3EE, #95DDDF, #008DAC, #006A47, #004469)
• Dusty Delta color palette (#FAF2F8, #D6D4E1, #B7C1EB, #679CA0, #454D5F)
• Timeworn Market color palette (#F6E9F7, #1AD0CD, #00738D, #00420E, #000309)
• Mallow Loft color palette (#FBF1FF, #E6A2FF, #00A573, #008685, #2D1635)
• Patina Denim color palette (#F4E0EA, #3AB1D8, #00549D, #002C24, #010009)

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