Misty Coast color palette — #F2F5FF · #B4A6FF · #DB738F · #A77056 · #1D2836

A conversation between Rose and Lavender, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#B4A6FF): A luminous, balanced violet — the color of a velvet chair.
• Rose (#DB738F): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A77056): A full-bodied, dusty orange — the color of toasted spice.
• Midnight (#1D2836): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Wandering Garden color palette (#F3F4FF, #CDA3FF, #DB7974, #338EAC, #212836)
• Hushed Mallow color palette (#FFF0FB, #DEB3FF, #C78FBE, #AC7159, #3D3953)
• Dusty Blush Parlor color palette (#EFF6FF, #8EB4FF, #CA7EB4, #419388, #192933)
• Iris Balcony color palette (#FFF0FA, #8A9BEE, #B16F3A, #496529, #091D11)
• Sunlit Canyon color palette (#F9F2FF, #F77BBA, #C8802B, #6574AF, #1E1B2E)
• Aqua Thicket color palette (#E9F8FF, #00C7E4, #A095DB, #6D8D55, #112E32)
• Quiet Ridge color palette (#F2EEFF, #E3C7FF, #CB96DB, #A16E9E, #5F224D)
• Tempered Coast color palette (#FCF0FF, #FF869C, #B78A00, #6B8A00, #261A37)

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