Pine Boulevard color palette — #FFF1F3 · #CD8AD0 · #358B35 · #004A8A · #001B39

A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#CD8AD0): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#358B35): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#004A8A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#001B39): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Ancient Basin color palette (#FFF2F0, #E681AB, #008C65, #483C84, #1B1040)
• Wisteria Quarry color palette (#FFF1F6, #BE8CF5, #6F7E00, #00545D, #002024)
• Feathered Emerald Grove color palette (#FFF1F1, #F19BCD, #30A165, #505591, #24264D)
• Patina Orchard color palette (#FCF3EB, #D9D5E0, #85A2F6, #007F7D, #322749)
• Timeworn Parlor color palette (#FBECFB, #FF8992, #9D9800, #008083, #2B234E)
• Soft Delta color palette (#FFF2EF, #FF4C8A, #007E5E, #550091, #1C0034)
• Plum Station color palette (#F9EDFC, #B1546E, #2D6215, #004152, #1C2248)
• Wandering Bronze Orchard color palette (#FCF1FC, #6FA9FC, #B05A00, #005361, #001F2B)

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