Pine Terrace color palette — #F2F5FF · #877BCB · #438E47 · #007562 · #32374A

Built around Fern, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender Blue (#877BCB): A luminous, balanced violet — the color of wild irises.
• Fern (#438E47): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#007562): A full-bodied, balanced teal — the color of sea glass.
• Navy (#32374A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Misty Olive color palette (#EFF6FF, #5789D3, #7E8200, #3F733C, #2A394C)
• Worn Lagoon Study color palette (#F5F3FF, #B385B6, #259F87, #00808C, #434050)
• Orchid Basin color palette (#EBE8FF, #AD53C2, #00847C, #006A89, #402347)
• Feathered Lilac Alley color palette (#FFECF2, #A472D4, #B16E17, #007C73, #2C161F)
• Airy Wisteria Balcony color palette (#F3F4FF, #BF85F8, #C98841, #38988E, #35354E)
• Quiet Pier color palette (#EEEAFF, #813EEA, #007751, #006058, #28174A)
• Washed Bloom color palette (#F1F5FF, #E8D2CF, #EDBE8E, #5D82A2, #49465D)
• Sunlit Bloom color palette (#EFDDF9, #C44279, #007899, #375489, #35233E)

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