Misty Workshop color palette — #F3E9E4 · #80BCCD · #007DB7 · #005A50 · #001951

A conversation between Cerulean and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#F3E9E4): a clean, paper-quiet neutral.
• Ash (#80BCCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007DB7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#001951): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Ultramarine Studio color palette (#EEE1D6, #78A8CA, #275FC8, #00494F, #130042)
• Muted Cobalt Courtyard color palette (#F7ECE4, #A1D1BD, #4787DA, #006B6E, #24255E)
• Cobalt Orchard color palette (#FEF0F9, #64DEFD, #0083BD, #005248, #000A28)
• Dusty Turquoise color palette (#E3EEED, #52ADC4, #00607B, #003D42, #002333)
• Azure Field color palette (#E5E8D8, #69D0EC, #00A1CC, #007C85, #002333)
• Muted Dune color palette (#FFF2EB, #7FDED9, #009DB4, #007742, #003850)
• Weathered Azure color palette (#FFF2EA, #BAE7CF, #29A3F5, #00837A, #253B77)
• Lagoon Summit color palette (#FAF4F0, #D0E4DF, #81BBD1, #449979, #325249)

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