Pine Loft color palette — #E3E6F9 · #1E8043 · #26004E · #2A1223 · #070016

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

The five colors

• Frost (#E3E6F9): A whisper-light, dusty violet — the color of wild irises.
• Olive (#1E8043): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#26004E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#2A1223): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#070016): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

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

• Inked Forest color palette (#E8E3F5, #007143, #2E1410, #270027, #070006)
• Onyx Atelier color palette (#D8E3F7, #717100, #10005F, #230B1F, #02001D)
• Powdered Aubergine color palette (#E2E3F5, #17AC77, #550080, #290041, #0E0A25)
• Weathered Bloom color palette (#E3DAEA, #689C58, #63053C, #2F001A, #100716)
• Soft Bloom color palette (#F6E7EF, #00B081, #5143AE, #241D56, #060003)
• Patina Aubergine Thicket color palette (#E3E2F6, #A57C00, #550074, #1C0028, #02000C)
• Worn Olive Ridge color palette (#EBD8EB, #6E861C, #4F0012, #241609, #1B0003)
• Washed Garnet color palette (#EDEAF2, #B3A3B2, #927682, #64004B, #17101F)

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