Muted Coast color palette — #ECF8F5 · #8FB9B6 · #43816D · #75512F · #2B4947

Fern and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Ash (#8FB9B6): A luminous, dusty teal — the color of glacier melt.
• Fern (#43816D): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#75512F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#2B4947): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Market color palette (#EFF8F2, #AAC9BD, #718A62, #506E5C, #3A534A)
• Ancient Cypress color palette (#E8FAF6, #74A5A5, #0F7363, #36542F, #0C3D3E)
• Lagoon Study color palette (#E9F5F1, #8BC1A6, #2E8384, #5F4C6C, #0C2D2E)
• Aged Pine color palette (#D3FFFF, #92CBA8, #2C8959, #005330, #003B21)
• Lagoon Thicket color palette (#F7F6EB, #A3D1B5, #3AA19E, #896867, #3A4A00)
• Tempered Fern Boulevard color palette (#F6F6E8, #B2E3BF, #7BBBA6, #A58B72, #3D4900)
• Terracotta Parlor color palette (#E0FCF9, #509B65, #6075C6, #AA4233, #12403E)
• Linen Villa color palette (#E6FAF7, #7DAE7C, #A873AF, #227928, #543559)

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