Pine Atelier color palette — #FDF0FF · #99ECEB · #25ABD2 · #0A8934 · #19416B

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

The five colors

• Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sea Foam (#99ECEB): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#25ABD2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#0A8934): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#19416B): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

One click turns 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

• Antique Azure Villa color palette (#FDF1F9, #B0DCF1, #5B9CCD, #287D60, #2F385A)
• Gentle Aqua color palette (#F0F8F1, #B4F2F0, #00CDE2, #00AA81, #00475A)
• Hushed Loft color palette (#FBF4EA, #B8D8B6, #00909F, #00694F, #00475A)
• Pale Atelier color palette (#DDEDFF, #70B4FF, #7DA14B, #907B00, #0E3156)
• Dusty Meadow color palette (#EEF6FF, #E7D5E8, #FFA7CB, #0099A9, #37456E)
• Weathered Powder color palette (#FAF3F8, #D6D5E8, #90B6D4, #5A9192, #455369)
• Gentle Cobalt color palette (#ECE0E6, #7EBBD3, #3F77B6, #005B4C, #1A134C)
• Washed Denim color palette (#EDE0E7, #5B9DB0, #005C96, #003D2E, #05002C)

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