Pine Boulevard color palette — #FCF2F9 · #B3DCEA · #4BA2BF · #007F5C · #153E5D

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Powder Blue (#B3DCEA): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#4BA2BF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007F5C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#153E5D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Patina Lagoon Corridor color palette (#FAF3F7, #D1DFFC, #74ABD9, #008D84, #364866)
• Cobalt Canyon color palette (#F8EAF1, #A0CBE6, #448ACF, #006C6A, #1D2760)
• Dusty Studio color palette (#F5F6EC, #ACD0B0, #008897, #00605A, #004250)
• Denim Villa color palette (#F0E7EE, #5E9EA6, #00617E, #003D2D, #000A18)
• Tempered Scarlet Alley color palette (#FAE8F7, #E38D86, #00A9B3, #D50024, #003E42)
• Patina Bloom color palette (#E8DCE5, #7BBECA, #007FAC, #005B4A, #001F43)
• Amber Atelier color palette (#F9DAEE, #D67857, #009D99, #0084A8, #471E0F)
• Patina Bronze Hollow color palette (#D8EFDE, #AEB380, #977E30, #7E4E19, #0F3831)

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