Pine Boulevard color palette — #F4F4FF · #AF8FC8 · #BB8052 · #388138 · #312F4B

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#AF8FC8): A luminous, balanced violet — the color of twilight just after sunset.
• Caramel (#BB8052): A luminous, balanced gold — the color of honey in a jar.
• Olive (#388138): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#312F4B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Forest Villa color palette (#F5F4FF, #BC94C6, #B26960, #007041, #342F64)
• Antique Olive color palette (#F4F4FF, #B38DC9, #BD7985, #7C7000, #312F48)
• Hushed Blush Grove color palette (#FBF1FF, #D08599, #9A914E, #007F7C, #3B2C40)
• Lilac Study color palette (#FFF0F9, #A6A8FF, #87AB6B, #5D7E47, #2F1F29)
• Washed Cabin color palette (#F3F4FF, #B29FDB, #77A986, #318990, #393B4F)
• Weathered Corridor color palette (#FFF2F0, #BA5F83, #956700, #565700, #422C2A)
• Muted Coast color palette (#F2F5FF, #BCABFF, #E09698, #539DA9, #2E3244)
• Hazy Amber color palette (#FDE8F3, #D0733B, #918117, #006F6F, #391B2C)

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