Misty Cobalt Pier color palette — #DFF6E2 · #00B6C7 · #4D73CA · #6E4F00 · #153446

Sapphire and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFF6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#00B6C7): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#4D73CA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6E4F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#153446): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, cool.

Use it as a design system

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

• Violet Pier color palette (#D9F7EA, #48ABE8, #845DCB, #565B00, #1D314C)
• Soft Workshop color palette (#FFE6F5, #35B9A2, #0081B7, #853E21, #063643)
• Softworn Sky Atelier color palette (#FFF4E2, #53C6EE, #5E7CBC, #7E3A2B, #00291E)
• Chalky Byzantium color palette (#E4F5FA, #00ABAB, #994DAB, #674B00, #1D3300)
• Pale Iris color palette (#FFEBD0, #45D2CD, #7694E3, #976B00, #133927)
• Gentle Pier color palette (#D4EEC4, #239EFA, #9700EB, #305A00, #1A254F)
• Weathered Pewter Harbor color palette (#C2E8F5, #93C2DE, #8B87B0, #756E3E, #195045)
• Frosted Dune color palette (#D6F6DF, #008FAC, #4540C0, #463600, #001829)

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