Misty Forest color palette — #FFF3EA · #DA9162 · #8F821A · #007133 · #004143

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

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Camel (#DA9162): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#8F821A): A luminous, balanced green — the color of fresh herbs.
• Pine (#007133): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004143): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Ancient Olive Delta color palette (#FDF4E5, #BBA169, #698C51, #006D61, #003E53)
• Feathered Olive Alley color palette (#FDF3E8, #C79C60, #718B44, #006E5E, #5A251C)
• Patina Coast color palette (#FFF3E8, #D3C0AC, #B2A07F, #6B7A36, #445535)
• Worn Blush color palette (#FFF0FE, #FF999E, #B27D42, #59612D, #3B1F3A)
• Hushed Peony Station color palette (#FFF1F1, #BA699C, #5A6D00, #004D75, #273057)
• Softworn Corridor color palette (#E4E3CD, #6D9626, #007461, #004A5E, #101255)
• Weathered Mallow Villa color palette (#FAF2FF, #FF99C5, #A0A756, #40889B, #013F4D)
• Moss Workshop color palette (#FBF6DA, #92A731, #008D67, #00606F, #002B6D)

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