Misty Coast color palette — #FFF2EA · #FFC5AA · #7DD378 · #CA6D3D · #383932

Mint Leaf takes the lead with Coral Clay close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#FFC5AA): A whisper-light, dusty orange — the color of toasted spice.
• Mint Leaf (#7DD378): A luminous, balanced green — the color of new leaves after rain.
• Coral Clay (#CA6D3D): A luminous, balanced orange — the color of toasted spice.
• Charcoal (#383932): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged light.

Use it as a design system

One click turns Misty 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

• Amber Cabin color palette (#FDF4E8, #FBCC80, #49D5B6, #B47E00, #004336)
• Timeworn Mustard color palette (#FFF2F0, #FFBFD5, #D9B840, #C6668C, #3B3831)
• Lime Balcony color palette (#FFF3E9, #F6A56B, #9CB841, #C7729D, #3B2512)
• Airy Mallow color palette (#FCF4E7, #F6CE7E, #FE91CE, #AF8100, #522C2C)
• Muted Loft color palette (#FFF2EB, #FFB8A4, #6FCBF3, #D48873, #254B3C)
• Dusty Courtyard color palette (#FBF6DD, #B9C968, #FF727C, #727F00, #42181B)
• Taupe Delta color palette (#FAF5E5, #D9E3AF, #A2A25F, #766B33, #33322B)
• Cocoa Meadow color palette (#FFF3E9, #DEDBCB, #96B3B8, #CB937E, #643900)

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