Pine Boulevard color palette — #FFF1F5 · #C9A0E0 · #ABA051 · #00875E · #341C24

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mauve (#C9A0E0): A luminous, balanced violet — the color of wild irises.
• Moss (#ABA051): A luminous, balanced green — the color of fresh herbs.
• Fern (#00875E): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#341C24): A deep, shadowed, dusty rose — the color of a warm blush.

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

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

• Muted Driftwood color palette (#FFF1F3, #C894C0, #918E40, #00695E, #220F20)
• Ancient Lagoon color palette (#FFF1F1, #E6B1CD, #9ABA87, #1E939A, #412B2B)
• Olive Chapel color palette (#FDF1FB, #95B2EF, #D28C52, #757900, #2F1E2D)
• Mallow Coast color palette (#FFF1F3, #E89AE0, #E19D4F, #2AA593, #452A2E)
• Driftwood Hollow color palette (#FFF2F0, #EAA3BE, #A8833F, #006D51, #062B53)
• Hushed Pine color palette (#FFF4E2, #F9B4D6, #C57B71, #10764A, #462924)
• Washed Archive color palette (#FFF2EF, #FF8FA6, #009A69, #007488, #340915)
• Gentle Orchid color palette (#F1F0FF, #AE5ECC, #61813C, #415C20, #1A1728)

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