Pine Loft color palette — #F4F6ED · #84BF93 · #4B6CB3 · #007337 · #2E1D2C

Pine and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Mint Leaf (#84BF93): A luminous, balanced teal — the color of glacier melt.
• Slate (#4B6CB3): A full-bodied, balanced violet — the color of wild irises.
• Pine (#007337): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#2E1D2C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.

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

• Cobalt Ridge color palette (#F2F7F1, #8BCFC7, #6E78B6, #007E76, #392833)
• Weathered Summit color palette (#F6F5EE, #A7B589, #007E88, #546900, #17291B)
• Timeworn Courtyard color palette (#EBF4F5, #75C5B1, #008493, #007663, #001118)
• Byzantium Courtyard color palette (#EDF9EF, #26B6C4, #961EB3, #00626B, #320F1A)
• Aged Lagoon color palette (#F2F7EF, #78DABF, #00A2B0, #00967B, #17291C)
• Washed Cocoa color palette (#FFF2EA, #53A997, #1D729C, #7A3819, #28452C)
• Navy Thicket color palette (#DDFFE7, #74C1B9, #008699, #005985, #1C3782)
• Lagoon Summit color palette (#F2F7F1, #D4DCDB, #B0C3C5, #128678, #434A40)

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