Misty Pine color palette — #F4F7E7 · #7BAE81 · #AF70A6 · #0C7A30 · #5A3154

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

The five colors

• Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7BAE81): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#AF70A6): A luminous, balanced pink — the color of neon signs at night.
• Olive (#0C7A30): A full-bodied, balanced green — the color of new leaves after rain.
• Mulberry (#5A3154): 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

• Misty Olive color palette (#F8F6E4, #95A873, #8A7EC2, #567100, #433B65)
• Wandering Archive color palette (#F0F9E9, #6BAF99, #C36C75, #00775E, #633136)
• Gentle Pine color palette (#E1F7F5, #70B780, #C470B0, #007433, #2C203E)
• Soft Fuchsia color palette (#F4F7EA, #87CA95, #DA8AE1, #209047, #5B363E)
• Worn Mulberry Basin color palette (#F1F9E3, #459D6D, #AA5A97, #9D3D55, #373932)
• Hazy Plum Basin color palette (#DEEACA, #27AD78, #B30054, #005E3D, #5A0027)
• Softworn Cocoa Orchard color palette (#FFF3E4, #B0A78A, #886D46, #78412A, #414000)
• Pale Rust Study color palette (#E4FEE2, #00A9A7, #D84504, #006A69, #691C00)

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