Misty Pine color palette — #FFEDEB · #D6729B · #307726 · #005E64 · #271412

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

The five colors

• Cream (#FFEDEB): a clean, paper-quiet neutral.
• Bubblegum (#D6729B): A luminous, balanced rose — the color of a warm blush.
• Olive (#307726): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005E64): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#271412): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Olive color palette (#FFEEE5, #C8735A, #477301, #00485D, #2C1133)
• Ancient Orchid Veranda color palette (#FDEDF0, #AE66B7, #7B7A05, #00614B, #291217)
• Patina Ember Terrace color palette (#FDEEE8, #C16960, #008878, #00597C, #27150D)
• Ancient Veranda color palette (#FBF0E0, #DC7E6F, #945D00, #005155, #331C0C)
• Antique Peony color palette (#F7F3FF, #B858A0, #008181, #00605F, #362F3F)
• Blush Archive color palette (#FAF1FF, #EC6CA4, #67A064, #0D7E84, #3A2D41)
• Airy Grove color palette (#FFDCD1, #C7003C, #006C51, #004258, #1E0003)
• Hazy Bloom color palette (#FFECED, #EB9C86, #B56127, #694500, #2C2300)

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