Misty Field color palette — #F4F3E3 · #7C9C00 · #216A9B · #68273C · #35120C

A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#7C9C00): A luminous, balanced green — the color of fresh herbs.
• Peacock (#216A9B): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#68273C): A deep, shadowed, balanced red — the color of late-summer berries.
• Onyx (#35120C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Chalky Amber color palette (#FAF1DD, #A58C00, #006E94, #562E5E, #301128)
• Tempered Alley color palette (#ECF9F0, #9D8733, #41629E, #722F37, #51240C)
• Patina Emerald color palette (#EEF4E6, #04A775, #6F5497, #69292E, #301700)
• Soft Denim Hollow color palette (#E9F9F7, #82B47D, #328CAB, #6E4C8A, #582820)
• Patina Study color palette (#F5EFC7, #B4C6A4, #7C9485, #72554F, #482D27)
• Softworn Mulberry Orchard color palette (#DFF2E1, #007A7F, #751367, #441800, #110900)
• Hushed Chestnut Villa color palette (#F7F1E4, #A1BF84, #4F8263, #6A5100, #292813)
• Sunlit Mint Workshop color palette (#E7FAF9, #68D496, #009CAB, #3B5C8D, #2D2E00)

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