Pine Loft color palette — #DDF1E7 · #00854E · #00432B · #001308 · #000402

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

The five colors

• Honeydew (#DDF1E7): A whisper-light, dusty teal — the color of sea glass.
• Fern (#00854E): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00432B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001308): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000402): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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

• Petrol Grove color palette (#D7EDF3, #00848D, #003D48, #001215, #000203)
• Moonless Olive Ridge color palette (#E4E6CF, #777F00, #3D3E00, #101000, #020200)
• Timeworn Alley color palette (#C7E7D5, #00A579, #006336, #003220, #000401)
• Worn Aubergine Workshop color palette (#DDEADB, #007874, #4B006F, #002E2C, #040008)
• Byzantium Loft color palette (#F9E9C9, #9145F6, #207602, #081107, #020200)
• Smoked Workshop color palette (#CEE8CE, #004F4E, #6A0016, #3D0009, #000606)
• Hushed Cabin color palette (#A6EDFF, #00A4BF, #00616F, #00323A, #001D26)
• Misty Cerulean color palette (#CEECD1, #3BC2B2, #008EB9, #454400, #002219)

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