Pine Boulevard color palette — #FFEAF3 · #FB82A4 · #BC7900 · #07781B · #2B1C00

Olive and Rose set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFEAF3): A whisper-light, dusty rose — the color of strawberry cream.
• Rose (#FB82A4): A luminous, balanced red — the color of embers at dusk.
• Mustard (#BC7900): A luminous, balanced gold — the color of old brass.
• Olive (#07781B): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2B1C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Ember Studio color palette (#FFE9F6, #F18DE2, #DF6100, #577700, #321900)
• Wandering Coral Pier color palette (#FDEDDB, #FF8971, #CD8100, #737600, #180E00)
• Apricot Cabin color palette (#DFF9E6, #FF8D76, #A08B00, #007C71, #1F2200)
• Tempered Blush color palette (#CCE6D4, #FD6073, #937800, #006A55, #171900)
• Ancient Emerald Lantern color palette (#E9FBE9, #FFAAAE, #DE9625, #009746, #362C00)
• Sunlit Rose color palette (#FFEDFD, #C193FA, #F44154, #706300, #481000)
• Ember Market color palette (#D0E4D9, #D35E00, #766900, #005453, #081100)
• Bronze Alley color palette (#FEEADE, #AE7D00, #615B00, #344700, #003632)

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