Pine Loft color palette — #FFF2EE · #99ECEC · #00ABD6 · #21873C · #1D4169

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#99ECEC): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00ABD6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#21873C): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#1D4169): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Cerulean Studio color palette (#FFF2ED, #86DBE2, #0099CC, #007743, #0B2F6A)
• Patina Coast color palette (#FFF0FA, #CEDCF3, #4CBFDE, #008C5E, #003958)
• Wandering Periwinkle Boulevard color palette (#FFF2E9, #AFE4FC, #529BFF, #008475, #3C3965)
• Aqua Archive color palette (#F6F6EA, #A6F5F6, #10CEDE, #00A797, #004854)
• Antique Sky Harbor color palette (#FAF3F0, #C0E3ED, #7AB9E7, #54967B, #614A5C)
• Timeworn Mint Thicket color palette (#E1EFDF, #00D0A0, #009EA2, #006E82, #094571)
• Antique Emerald color palette (#E2FFDF, #DDE7FC, #C9B8FF, #5FA267, #1C4F61)
• Hushed Pier color palette (#D5F6D5, #00B1B2, #EB5A00, #A16A00, #003839)

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