Misty Pine color palette — #ECF7FF · #00B9EF · #989700 · #008D3A · #002C2D

Kelly Green and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#00B9EF): A luminous, balanced blue — the color of open sky before noon.
• Moss (#989700): A luminous, balanced green — the color of new leaves after rain.
• Kelly Green (#008D3A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002C2D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Softworn Olive Studio color palette (#E7F9FF, #00C2D3, #BE8E00, #6C8A00, #00271D)
• Faded Moss Bloom color palette (#EFF6FF, #8BAFE9, #77AB5B, #009A82, #15303E)
• Weathered Azure Canyon color palette (#DDEDFC, #30A7F3, #768A00, #007A55, #001417)
• Softworn Study color palette (#DEFCFF, #00C3A3, #E46F00, #957900, #0C2E04)
• Chalky Lilac color palette (#E6EBFF, #A292FF, #009D76, #007381, #001235)
• Pale Balcony color palette (#D9E7F7, #3087F2, #467F00, #005E4F, #00070C)
• Patina Cerulean Ridge color palette (#F3F4FE, #C1AFE8, #5EBCAA, #3099B5, #2B3649)
• Dusty Olive color palette (#D5EADE, #776A00, #00604E, #00404C, #000010)

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