Misty Coast color palette — #F8F3F8 · #BEE9F4 · #40C3E7 · #4EA152 · #193D5E

A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Frost (#BEE9F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#40C3E7): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#4EA152): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#193D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Dusty Lagoon Harbor color palette (#FBF2F7, #C7E5F7, #83B5F2, #00A28B, #36365B)
• Patina Turquoise color palette (#F0F7F1, #C7DDF8, #23BACB, #008261, #003442)
• Turquoise Grove color palette (#FAF3F5, #DCDDEB, #BAC3F8, #41B5BC, #4F5068)
• Timeworn Azure color palette (#E9DEE8, #87CED5, #009FD6, #00824D, #001853)
• Weathered Teal Canyon color palette (#F9DAF0, #ED927E, #00BDB8, #0F99BD, #3D1F37)
• Soft Rose color palette (#F8E9F6, #F7A6A3, #27D5CE, #DC5056, #003E3C)
• Timeworn Forest Station color palette (#E9DFE9, #62AFB3, #007FA7, #006230, #00081D)
• Hushed Bronze color palette (#DDEDDF, #C3C694, #B9985D, #A4694B, #0B3833)

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