Misty Field color palette — #E0E79F · #98B66D · #467E4F · #00454E · #00212F

Built around Sage, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E0E79F): A whisper-light, balanced green — the color of fresh herbs.
• Sage (#98B66D): A luminous, balanced green — the color of fresh herbs.
• Olive (#467E4F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#00454E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00212F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.

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

• Washed Cypress color palette (#C8EDC7, #6AB28E, #08816E, #264259, #051636)
• Worn Taupe Orchard color palette (#F4EFDF, #A9A769, #687C4C, #225059, #00222E)
• Moss Meadow color palette (#E3E6C7, #8D9F00, #4D6B00, #1A3800, #010D00)
• Jade Lagoon color palette (#DCFEF5, #70B666, #007336, #493A08, #000A08)
• Hushed Coast color palette (#EADDC5, #9DAB67, #5F9793, #52679A, #2C174B)
• Wandering Alley color palette (#D8E6DF, #009683, #015859, #0F234C, #020010)
• Hushed Summit color palette (#DFFFE3, #43CF5B, #007228, #00290A, #000200)
• Pale Workshop color palette (#E2FFD9, #6AE1A0, #46A791, #1A6491, #102A53)

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