Pine Alley color palette — #FBF3F0 · #BCDEC5 · #5B9EC6 · #117F56 · #2A395D

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#BCDEC5): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#5B9EC6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#117F56): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A395D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Pine Alley 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

• Iris Orchard color palette (#FAF4EE, #B4DFD1, #7E93CE, #007C7A, #512E3E)
• Softworn Pine Delta color palette (#FFF2EE, #71E0DD, #009BC0, #007924, #003460)
• Ancient Cerulean Meadow color palette (#F0F7F1, #ACCAD7, #1584A5, #006158, #103F5A)
• Linen Bloom color palette (#F8DBEE, #828EDE, #978C00, #508032, #3B2134)
• Tempered Studio color palette (#F8F5EF, #CAE9D2, #4DC1E8, #27A093, #104437)
• Weathered Terrace color palette (#FCF3F0, #C3E1E7, #89B9D2, #679276, #604A5F)
• Worn Cerulean color palette (#FFF0FD, #FBCEE5, #ECAEB0, #5A99B0, #4B3342)
• Muted Quarry color palette (#F8EBE4, #74BED4, #2879BB, #005B47, #15154E)

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