Muted Coast color palette — #F8F0ED · #B4D0B7 · #2F86AA · #006030 · #051F44

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Pistachio (#B4D0B7): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#2F86AA): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006030): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#051F44): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Patina Cobalt Basin color palette (#F8F0E9, #AFD0C5, #5F77C3, #005B5A, #261540)
• Softworn Parlor color palette (#FAF4EB, #ACD0AF, #00879C, #00624F, #164433)
• Wandering Pine Thicket color palette (#FAF2FA, #AFDDEC, #2EA3CD, #287F46, #223B5D)
• Cobalt Grove color palette (#F2DBEE, #5979C3, #826D00, #49601C, #21091E)
• Abyss Station color palette (#EFDDD6, #3A858F, #00415D, #002111, #00000B)
• Aged Petrol Chapel color palette (#FCECFB, #FCCFDF, #E8A3B6, #007087, #311529)
• Navy Veranda color palette (#EBDDD1, #4F93B3, #00439C, #002C27, #050019)
• Wandering Denim Drift color palette (#F7EDE9, #62A9B5, #005F8A, #003B26, #010033)

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