Misty Field color palette — #DFF0F4 · #F0C800 · #54C9FE · #002838 · #000603

Sunflower and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFF0F4): a clean, paper-quiet neutral.
• Sunflower (#F0C800): A whisper-light, vivid green — the color of a quiet forest floor.
• Sky (#54C9FE): A luminous, balanced blue — the color of open sky before noon.
• Midnight (#002838): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000603): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Patina Aqua color palette (#D6F9EE, #FFB995, #00D3E1, #002225, #000401)
• Patina Workshop color palette (#CCE6EC, #DBD200, #BBADFF, #241944, #080104)
• Washed Lagoon color palette (#DFF7FF, #F8E531, #CCC9FF, #3B1E2F, #1D0B16)
• Washed Violet Thicket color palette (#CFE5DC, #D7BC2C, #8470EC, #220559, #0D122F)
• Sunlit Orchid color palette (#DDE9D4, #9BB9FF, #AB58EB, #1C0202, #040001)
• Wandering Ridge color palette (#D8DDF3, #47E90D, #9EABFF, #280D22, #040002)
• Gentle Celadon Harbor color palette (#7AFFA0, #A1EAFF, #D085EB, #250E2D, #140106)
• Dusty Canyon color palette (#FFF1F2, #E2DAD0, #ACB8C5, #B8549A, #321E1F)

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