Pine Boulevard color palette — #F0F7F1 · #D3D7E8 · #42B9C5 · #00835E · #003441

Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D3D7E8): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#42B9C5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00835E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003441): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Periwinkle color palette (#EFF8F0, #D9D5E1, #77ABDB, #127D89, #182D54)
• Emerald Drift color palette (#F8F3F9, #C4E7F0, #65C0DA, #589F54, #123D60)
• Ancient Azure Archive color palette (#EFF8F0, #BBEFFF, #379DCD, #006A68, #00203B)
• Denim Harbor color palette (#DAE9DD, #6FAFAF, #00606D, #002C21, #000102)
• Hushed Orchard color palette (#DBFFED, #5DDBBC, #00A196, #006C71, #003A44)
• Patina Teal Harbor color palette (#E6F9FF, #D1DBE7, #BBA6A4, #53B09E, #183B4C)
• Patina Boulevard color palette (#E5F2E7, #6EC4E2, #006FA0, #003D3F, #000209)
• Softworn Cerulean Garden color palette (#F9EFED, #97D5D0, #008AA4, #2B5C25, #00271F)

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