Pine Balcony color palette — #E6F9FF · #D2D9FB · #D3ACF3 · #008B40 · #1A4E63

Fern takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Powder Blue (#D2D9FB): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#D3ACF3): A luminous, balanced violet — the color of a velvet chair.
• Fern (#008B40): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#1A4E63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Chalky Chapel color palette (#D3FFFE, #BBE4FF, #9EB8FF, #638000, #005552)
• Washed Mallow Veranda color palette (#ECF7FF, #DCD7E9, #E891C8, #007F6A, #2E4A71)
• Washed Teal color palette (#E8F8FF, #CBDCFB, #C6B9ED, #00AA9E, #24495B)
• Hushed Lagoon Grove color palette (#DDFBE5, #CFE1FE, #A5C2FF, #008D84, #002E3A)
• Hazy Lilac color palette (#D7F3FF, #ACD5FF, #B982CA, #006B43, #003647)
• Washed Blush Corridor color palette (#F0F6FF, #DFB7FF, #EC7691, #006C7D, #3E2C6C)
• Weathered Delta color palette (#C1E5FB, #A1A7D6, #B56CAC, #005A51, #01213F)
• Softworn Cerulean Balcony color palette (#F0F5FF, #E1D8E2, #A0C3B8, #5A96A8, #4A4A5E)

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