Pine Loft color palette — #F8F3F9 · #D3D7ED · #75A0B8 · #417E4C · #41546A
A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#D3D7ED): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#75A0B8): A luminous, dusty blue — the color of deep harbor water.
- Olive (#417E4C): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#41546A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Antique Lagoon color palette (#F1F7F2, #D0E2F4, #7ABEC8, #55957C, #3E5664)
- Muted Pine Harbor color palette (#E6FAF8, #93BC98, #A48BC7, #3B8549, #48496C)
- Ancient Turquoise Boulevard color palette (#F5F1EB, #C6E6DB, #5CAAB5, #417863, #263C30)
- Wandering Onyx Veranda color palette (#F6EAF3, #5D9AA5, #004F74, #00321F, #030349)
- Softworn Cobalt color palette (#FDF1F9, #9ADAE8, #1C87C6, #00694C, #2A3979)
- Softworn Veranda color palette (#E5FDE5, #C6BD8D, #769351, #247146, #25585E)
- Dusty Pewter Parlor color palette (#DFFCFC, #72A58B, #937DB5, #94598B, #2B4849)
- Forest Pier color palette (#D8FEFA, #9BD4CF, #588C63, #255E27, #1E452B)
Browse the whole catalog at Explore, or see today's palette.