Misty Pine color palette — #F1F4DF · #83B282 · #B273B2 · #207826 · #371B38

Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F4DF): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#83B282): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#B273B2): A luminous, balanced pink — the color of a candy shop window.
• Olive (#207826): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#371B38): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Linen Peony Ridge color palette (#E8FAF5, #8CAC69, #C56FA9, #476C00, #493B5B)
• Chalky Garden color palette (#F7F2DF, #A5AA60, #8780D7, #676A00, #252147)
• Weathered Cypress Market color palette (#EDF5E9, #84C2B2, #CD8397, #008570, #4A2520)
• Washed Fuchsia Grove color palette (#E6FAF7, #93C791, #D682CD, #509250, #573553)
• Rust Pier color palette (#EFF5DD, #5B9F6D, #6278CE, #AF4232, #1C2106)
• Aged Raspberry Atelier color palette (#E1F1D0, #009E74, #C2009C, #005B41, #2C0022)
• Linen Ridge color palette (#F4F8E3, #ACE6AD, #DCA3E3, #29A43C, #4B2A4F)
• Weathered Pier color palette (#E5F8E6, #00ADB3, #DB4947, #00686C, #450005)

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