Pine Loft color palette — #F0E3F0 · #7FD0CF · #00A1C8 · #288138 · #00203F

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F0E3F0): A whisper-light, dusty pink — the color of a candy shop window.
• Aqua (#7FD0CF): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00A1C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#288138): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#00203F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Azure Alley color palette (#F0E2EA, #66CFF1, #3996EC, #007F68, #181844)
• Dusty Petrol Lagoon color palette (#F2E7D6, #60C4C2, #008493, #005B45, #00242F)
• Patina Villa color palette (#FFF0F8, #A3E5FF, #69AEFF, #009A84, #2D2A60)
• Wandering Garden color palette (#F1E3DC, #63AAAA, #006375, #003C23, #000C17)
• Frosted Seafoam color palette (#DCE9D1, #41EAC3, #5FBDF1, #9B823A, #073016)
• Weathered Grove color palette (#E5EFE3, #68A6DF, #5D66D3, #005C61, #100020)
• Timeworn Teal color palette (#FAF2F9, #CFE3FD, #8FC6E4, #72A687, #39495F)
• Wandering Olive Alley color palette (#EBE4D3, #A29F00, #4A8A00, #006B42, #00221D)

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