Pine Garden color palette — #FEF0FC · #D0D8ED · #57BAEF · #008D59 · #173169

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

The five colors

• Blush (#FEF0FC): A whisper-light, dusty pink — the color of a candy shop window.
• Powder Blue (#D0D8ED): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#57BAEF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008D59): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#173169): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Dusty Atelier color palette (#F8F3F9, #D1D5E7, #72C9E1, #648F5F, #284259)
• Gentle Azure color palette (#FFF0FA, #D2DAF6, #00A5EC, #007650, #0A1A5E)
• Periwinkle Bloom color palette (#FFF1F5, #D9D3DD, #9AA6FC, #00878D, #3F2956)
• Cerulean Garden color palette (#FFF2ED, #84DFE8, #008ABC, #006B3E, #233E6F)
• Weathered Petrol Orchard color palette (#F4EAF3, #77C6CA, #007194, #00411D, #00020B)
• Washed Studio color palette (#F9E6EF, #65ACD1, #1F4EA9, #002C28, #010008)
• Aged Cobalt Lantern color palette (#FFF1F6, #9FD3F7, #5976C3, #00514F, #12002C)
• Aged Taupe Grove color palette (#D7FFF6, #BBE2EC, #B5B5A9, #AEA048, #004233)

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