Pine Loft color palette — #F9F3F8 · #D4DFED · #6AA1C0 · #377F5A · #42536D

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 (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#D4DFED): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#6AA1C0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#377F5A): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#42536D): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Worn Lagoon color palette (#F1F7F2, #D3E0F1, #7EBCD0, #539488, #3F5666)
• Washed Turquoise color palette (#F5F1EB, #C5E6DF, #5CA8C0, #3D776C, #243C33)
• Muted Grove color palette (#E9F9F8, #84BCB8, #B686B4, #288747, #5F415E)
• Antique Onyx color palette (#EEE1ED, #6CABAF, #006080, #004120, #001C49)
• Cobalt Veranda color palette (#FEF1F8, #ADD4EE, #4A80C8, #00685B, #3B3476)
• Muted Orchard color palette (#E9DEE5, #468B9C, #004067, #002319, #04002D)
• Cypress Summit color palette (#DDFFE9, #B1B885, #68925A, #007457, #26535C)
• Hushed Coast color palette (#E1FBFE, #6AA696, #9B7BAB, #99597E, #2B484B)

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