Misty Pine Atelier color palette — #FFF2EE · #A7E9E6 · #00ACD2 · #1F882D · #10426D

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#A7E9E6): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00ACD2): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#1F882D): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#10426D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Periwinkle Courtyard color palette (#FFF2EB, #A2E7FD, #5DA1E0, #00856A, #343A6D)
• Cerulean Veranda color palette (#FBEBE4, #91D1D7, #1C92C0, #067040, #162D53)
• Airy Market color palette (#F9F4ED, #9BF8F3, #00CDE1, #00AA7F, #004759)
• Airy Fuchsia color palette (#FFE3EA, #DA89FF, #00A898, #00944C, #3D2548)
• Powder Canyon color palette (#FBF3F0, #C2E1E9, #89B8D6, #639279, #614A5D)
• Tempered Meadow color palette (#FBECE2, #78BCD6, #1876CD, #005B4C, #1A1746)
• Worn Alley color palette (#FEEBDF, #5A9DB0, #005C97, #003D2E, #05002C)
• Washed Bronze color palette (#F8EED4, #A1C17C, #96872B, #865315, #0C4027)

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