Misty Field color palette — #DFFBFF · #00C1A5 · #0083A3 · #2F438A · #1A1E00

Turquoise and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DFFBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#00C1A5): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0083A3): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#2F438A): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#1A1E00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Clover Field color palette (#E3FBF7, #46C43F, #008887, #004D7E, #211B00)
• Frosted Mint color palette (#E2FAFF, #00D7C4, #3494C6, #5B5484, #00332F)
• Cobalt Summit color palette (#E9F8FF, #00BAD5, #4971CC, #5E376D, #002218)
• Wandering Corridor color palette (#EBF8F6, #C8DAF5, #59B6C0, #008074, #063344)
• Wandering Seafoam color palette (#D7FFF6, #00E8D7, #00ABA6, #00696C, #00353C)
• Dusty Study color palette (#DDFCFE, #00A279, #0D3C42, #001314, #000201)
• Aubergine Cabin color palette (#EBF0E0, #438E5B, #005C84, #540061, #260A00)
• Glacier Studio color palette (#D9FFF3, #8AEBE7, #69A5AF, #5A6B8E, #363B52)

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