Pine Boulevard color palette — #FFECCF · #A37900 · #007924 · #00478B · #340007

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

The five colors

• Custard (#FFECCF): A whisper-light, dusty gold — the color of old brass.
• Ochre (#A37900): A luminous, balanced gold — the color of honey in a jar.
• Olive (#007924): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#00478B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#340007): A deep, shadowed, balanced red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Amber Delta color palette (#FFE7D5, #CC6500, #616C00, #005567, #310022)
• Weathered Market color palette (#F9EACB, #958000, #007043, #2F00D9, #2F0A00)
• Airy Corridor color palette (#E3E1D1, #5B7900, #005A69, #500057, #0B0700)
• Hushed Aubergine Field color palette (#EDECD5, #598414, #006D69, #500094, #220B00)
• Hushed Grape Thicket color palette (#FDF4E3, #A68700, #008785, #5A26BB, #361800)
• Chalky Atelier color palette (#FFE1D3, #E55649, #2B7D00, #2F00CD, #4B0102)
• Wandering Nightshade color palette (#FCE0BC, #F2682A, #7F6F00, #4C00CA, #3E2100)
• Weathered Coast color palette (#E0FAED, #696400, #005048, #003442, #071034)

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