Hazy Coast color palette — #C3EDD0 · #6CD9FE · #63B3FF · #648BD1 · #5B384D

A conversation between Cornflower and Lavender Blue, giving this palette its sense of nature and growth.

The five colors

• Mint (#C3EDD0): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#6CD9FE): A whisper-light, balanced blue — the color of open sky before noon.
• Cornflower (#63B3FF): A luminous, balanced blue — the color of open sky before noon.
• Lavender Blue (#648BD1): A luminous, balanced violet — the color of wild irises.
• Cocoa (#5B384D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Iris Station color palette (#BEF1DF, #ACCCFF, #919DFF, #8E7BC6, #5E3B45)
• Hushed Periwinkle color palette (#EAF8FF, #B6E1FF, #54A4E7, #3F6EA0, #553954)
• Tempered Marigold Boulevard color palette (#FFF0FE, #ACCEFF, #F8AA61, #70A0E5, #47413C)
• Chalky Orchard color palette (#DBF4CF, #64E1DD, #00C1DD, #2A90BD, #26554A)
• Weathered Cabin color palette (#D3ECFA, #67BAFF, #6987FF, #7436F8, #3C195C)
• Pale Terrace color palette (#B4EBFC, #60B9E3, #2279B2, #274E84, #192947)
• Worn Powder color palette (#FFF0FD, #CFDAFF, #92AFFF, #6780C1, #192A50)
• Hushed Powder color palette (#FFEFFF, #DED2D8, #80C2DA, #ADA89A, #574654)

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