Pine Loft color palette — #F1F3EC · #D0DAD5 · #AAC4BF · #54825D · #2B2D26

Fern and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#D0DAD5): a clean, paper-quiet neutral.
• Stone (#AAC4BF): A luminous, dusty teal — the color of glacier melt.
• Fern (#54825D): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#2B2D26): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Timeworn Cypress color palette (#F4F6EE, #D2DFD7, #B2C5BD, #4E8164, #464940)
• Tempered Lagoon color palette (#F3F2E9, #90C1A1, #198778, #5E5700, #252A19)
• Muted Bloom color palette (#EDF4EE, #C4DEDE, #D4B3D1, #007A83, #1B291E)
• Abyss Dune color palette (#DFE3D8, #98A497, #648572, #00412A, #030500)
• Forest Veranda color palette (#EEF4EA, #C5DBC7, #7FB4CD, #006B55, #141D0C)
• Washed Chestnut Dune color palette (#F0F6D6, #ADC7A4, #588AA4, #884F24, #5B2C00)
• Dusty Jade color palette (#FFEEE5, #73AC7C, #007985, #6D303C, #1D2614)
• Muted Hollow color palette (#E8EDE7, #809388, #79627C, #003131, #000200)

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