Muted Pine Dune color palette — #FCF3F1 · #CCE4CC · #4696B1 · #217435 · #573D59

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Celadon Mist (#CCE4CC): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#4696B1): A luminous, balanced blue — the color of deep harbor water.
• Olive (#217435): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#573D59): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Muted Pine Dune 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

• Tempered Cypress color palette (#FBF4EE, #C8E3DA, #7988B7, #007170, #4C4066)
• Muted Market color palette (#FBF3F0, #B3CDB9, #2181B2, #006340, #263865)
• Washed Cerulean Courtyard color palette (#EEF4EF, #BCE4EF, #009FB0, #076F54, #14303E)
• Chalky Bronze Meadow color palette (#FFF0FD, #6B87C7, #9D730A, #63690B, #482D45)
• Ancient Meadow color palette (#E6FBF4, #E3D6CF, #F5B1C6, #118994, #5E4858)
• Aged Alley color palette (#F9F4ED, #C1E7DC, #25B8CB, #268E6E, #2C513F)
• Muted Terrace color palette (#F0E1DB, #459EAA, #005071, #00321D, #000943)
• Weathered Navy color palette (#F1E6DD, #5B8C7B, #162E8F, #002221, #0D0024)

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