Misty Pine color palette — #CBE7E3 · #167C13 · #006773 · #644300 · #000B00

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

The five colors

• Silver (#CBE7E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#167C13): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#006773): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#644300): A full-bodied, balanced gold — the color of old brass.
• Ink (#000B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Olive Grove color palette (#DBEFE7, #666C00, #006A5C, #793200, #070800)
• Weathered Denim color palette (#C5ECF0, #007862, #006190, #504D00, #000A07)
• Soft Terracotta Ridge color palette (#D4EAE7, #18750E, #9C091E, #512A00, #000700)
• Lapis Orchard color palette (#D3EEFE, #00819E, #6843DE, #006A3A, #00151C)
• Gentle Studio color palette (#E3EBDD, #375800, #590090, #5A003B, #040A00)
• Quiet Garden color palette (#D7E9D8, #36A64D, #006724, #00300B, #000300)
• Pale Fern color palette (#D4E6D5, #77C79E, #1CAC95, #376400, #00200F)
• Wandering Moss color palette (#DBF1F2, #7C8D18, #004332, #00140D, #000203)

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