Muted Coast color palette — #F2F7F0 · #D3DCDA · #A4ADB8 · #73896C · #50544E

Built around Eucalyptus, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D3DCDA): bright and airy, almost weightless.
• Ash (#A4ADB8): a calm mid-gray that lets other colors speak.
• Eucalyptus (#73896C): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#50544E): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Hushed Lagoon color palette (#EFF3ED, #D1D9D8, #B5AAA2, #4A9283, #32382F)
• Ancient Orchard color palette (#FEF4E4, #6AB7B3, #517E95, #7C4757, #394E3E)
• Hushed Driftwood Hollow color palette (#FAF5E9, #C7C1A4, #86853D, #567030, #5A4D00)
• Antique Station color palette (#D8E2D8, #8F9E94, #5A786C, #003232, #030C03)
• Wandering Garden color palette (#DAE7E2, #C0B4C0, #A18497, #004A6E, #0C251D)
• Worn Chestnut color palette (#E3FDE6, #A9CABB, #A0909E, #7D6760, #5F4A00)
• Ancient Periwinkle color palette (#EAFAED, #BCEBF2, #96D1F8, #71A4D6, #304C3D)
• Worn Navy color palette (#F4E7F2, #B8A2AF, #967482, #002D86, #1D0D1C)

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