Pine Loft color palette — #FFF2EE · #BFE9EF · #48B5D9 · #378046 · #132F4E

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Frost (#BFE9EF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#48B5D9): A luminous, balanced blue — the color of deep harbor water.
• Olive (#378046): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#132F4E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Cypress color palette (#FBF4EF, #BFE5F5, #7EA9DE, #1B806F, #422237)
• Wandering Field color palette (#F1F7F2, #BBE9F6, #67C1D1, #00A480, #004154)
• Ancient Azure color palette (#FEF3EC, #C4F2DA, #4F96DF, #006C59, #181741)
• Ancient Forest Boulevard color palette (#F9F3F9, #9CCEDC, #0085A5, #22622D, #243C56)
• Linen Courtyard color palette (#E0FFE0, #69E1BB, #009D9D, #006877, #002F4F)
• Timeworn Archive color palette (#E6FCEB, #53D4E2, #E58693, #008692, #4A0E1C)
• Antique Driftwood color palette (#FCF3F1, #C1E1E5, #A3C6EA, #7B9C77, #32554C)
• Weathered Cerulean color palette (#E6F9FF, #94EAFF, #009DAF, #00535F, #001114)

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