Pine Boulevard color palette — #FFF0FA · #85DDD7 · #009DB4 · #007741 · #003850

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

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Lagoon (#85DDD7): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#009DB4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003850): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Pale Pine color palette (#FFF2EB, #B3FFF9, #00ADC4, #007740, #00283B)
• Tempered Azure color palette (#FDF1F9, #83D9F3, #0095DE, #007368, #06297A)
• Aqua Alley color palette (#F6F6EA, #60CCC8, #007D83, #00574A, #003A42)
• Hazy Turquoise Courtyard color palette (#DFFDF6, #73F1EB, #00C2C9, #009A83, #003A41)
• Lagoon Balcony color palette (#F9F3F7, #CEE0F9, #71AECC, #008F73, #2E4A69)
• Denim Basin color palette (#F6EAF3, #539FB0, #005F87, #003C33, #00081E)
• Aged Peony Dune color palette (#F9D8EC, #D84DB1, #918100, #008360, #440034)
• Worn Bronze color palette (#C5E8D4, #99AF6D, #867900, #6F4A00, #003308)

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