Muted Coast color palette — #E6F6F0 · #B0B986 · #9F92CB · #6D7923 · #342A4E

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#E6F6F0): bright and airy, almost weightless.
• Sage (#B0B986): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#9F92CB): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#6D7923): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#342A4E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Lagoon color palette (#F7F6E6, #9DBB81, #8D8FDE, #5D7F3A, #614255)
• Patina Pine color palette (#E3F6F7, #8FC0AA, #C386A8, #058661, #472338)
• Bronze Grove color palette (#FFECF2, #D1AC83, #6FA0D6, #9E6200, #19334D)
• Softworn Driftwood color palette (#E3F7F1, #C0E2EE, #B6B1C0, #948E53, #2B413E)
• Cerulean Lantern color palette (#E1F8F0, #91A569, #5594C5, #A46172, #102D26)
• Driftwood Parlor color palette (#FCEDF5, #CDB3BD, #A27764, #6C4C67, #233023)
• Patina Cypress Meadow color palette (#EBF4F4, #ADCDB4, #3F6D54, #073939, #041818)
• Hushed Moss Grove color palette (#EBF9F2, #EBE9B4, #DCBDF6, #A49E38, #513C60)

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