Pine Loft color palette — #FBF3F0 · #BBDFC5 · #5D9DC6 · #008057 · #293960

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#BBDFC5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#5D9DC6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008057): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#293960): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Feathered Harbor color palette (#FFF2EF, #88DCD9, #009CBE, #00791D, #00345E)
• Ancient Iris Orchard color palette (#FBF4EB, #B0E0D3, #838EDC, #007B81, #423155)
• Dusty Cerulean color palette (#F1F7F2, #94D1D9, #0085A5, #006156, #123F58)
• Sky Loft color palette (#FCF4E8, #A6EEF9, #55C1E3, #349F90, #123F58)
• Hushed Lagoon color palette (#FBF3F1, #CFE6E1, #87B9D5, #4D986E, #604A5F)
• Ancient Villa color palette (#F8EAE3, #7FBCCF, #0078C7, #005B48, #16144E)
• Hushed Emerald color palette (#FDDBDC, #C07BAC, #00A366, #00827C, #3F1E36)
• Denim Coast color palette (#F5EAE4, #759E83, #005E8D, #003D2A, #02002E)

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