Misty Forest color palette — #FEF7C9 · #AEB973 · #5A9243 · #006C2F · #205949
Pine takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FEF7C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#AEB973): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#5A9243): A luminous, balanced green — the color of new leaves after rain.
- Pine (#006C2F): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#205949): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Frosted Workshop color palette (#ECF3DB, #94B463, #44851A, #245C1A, #003835)
- Wandering Bloom color palette (#F8F8D4, #95BB94, #3F9477, #007068, #3B5841)
- Linen Studio color palette (#FFE3C9, #C1A05E, #918000, #4F6700, #355128)
- Antique Moss Basin color palette (#E9E4BB, #A9CC81, #61A72E, #3C7C3E, #474942)
- Quiet Chartreuse Workshop color palette (#FCF3C0, #C1D05E, #87B661, #4F936A, #1E545B)
- Pine Meadow color palette (#F4F8E4, #7AAF7E, #9E77B8, #007B28, #503560)
- Olive Courtyard color palette (#F4F8E5, #C6EADA, #80CFE6, #7E7F38, #50534C)
- Hushed Olive color palette (#E8E6C9, #4F6F00, #064F0C, #00291C, #001317)
Browse the whole catalog at Explore, or see today's palette.