Misty Forest color palette — #FDF1F7 · #A49CD5 · #B66661 · #007045 · #382E60
A conversation between Pine and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1F7): a clean, paper-quiet neutral.
- Mauve (#A49CD5): A luminous, balanced violet — the color of a velvet chair.
- Mocha (#B66661): A full-bodied, balanced orange — the color of autumn markets.
- Pine (#007045): A full-bodied, balanced teal — the color of sea glass.
- Navy (#382E60): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, 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
- Cypress Villa color palette (#FEF2F1, #D59FB6, #B27E67, #007B69, #4E385C)
- Fern Basin color palette (#E9FAF2, #6BAED1, #BA5F77, #2E6E1B, #003D56)
- Mallow Lantern color palette (#F3F4FF, #CCA6FF, #B67B3F, #106B58, #003429)
- Ancient Meadow color palette (#FBDFEE, #8572FF, #A94700, #00553F, #240068)
- Ancient Lagoon Quarry color palette (#FFF0FB, #E3C2CA, #B69791, #4C8479, #345345)
- Aged Lilac Boulevard color palette (#F2DFE1, #B775AE, #64443D, #3E2629, #1F1519)
- Timeworn Mallow color palette (#FFF1F2, #FA95E7, #DD8380, #9E733F, #4C2B42)
- Gentle Peony Market color palette (#F1DBDD, #B563AF, #766200, #004A5C, #380039)
Browse the whole catalog at Explore, or see today's palette.