Muted Coast color palette — #FEF3ED · #BBDFBE · #54A1BA · #2A7D5B · #193E58

Teal takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Celadon Mist (#BBDFBE): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#54A1BA): A luminous, balanced blue — the color of open sky before noon.
• Teal (#2A7D5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#193E58): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Periwinkle Ridge color palette (#FDF3EA, #B6DFD1, #7095D9, #007B84, #363460)
• Worn Orchard color palette (#FAF2F8, #D3D5E4, #2DB7DB, #10825A, #07314C)
• Teal Loft color palette (#DEF2E4, #32C0AB, #009CA0, #00697E, #004259)
• Hushed Lagoon color palette (#EBF9F5, #A2CDDA, #1C8792, #006157, #00424E)
• Timeworn Powder Hollow color palette (#FBF3EF, #CCEAE1, #83BCCA, #808C65, #325247)
• Aged Denim color palette (#FBE9E1, #4AA1AA, #00617D, #003D2C, #000A18)
• Coral Courtyard color palette (#E2F4E6, #45BAC9, #DC6E7A, #00818D, #542429)
• Washed Ember color palette (#CBEFD5, #00A8BC, #D3605E, #A16100, #003239)

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