Pine Loft color palette — #F4F7E4 · #8ED38B · #58AFEC · #40893E · #002B45

Olive Leaf and Cornflower set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F7E4): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8ED38B): A luminous, balanced green — the color of new leaves after rain.
• Cornflower (#58AFEC): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#40893E): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002B45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Aqua Harbor color palette (#E8FBE8, #36D8D8, #A697EF, #008788, #291F49)
• Antique Jade Workshop color palette (#F1FAD7, #5BBE7E, #00A6C8, #9B7915, #181E00)
• Chalky Mint Study color palette (#EFF9E6, #5DD8B4, #D39946, #008B6D, #392300)
• Pale Cabin color palette (#E3FCF0, #00BAF0, #72A333, #006D8E, #0F1D00)
• Misty Emerald color palette (#EFF1D8, #9CCF8D, #EF98E2, #479E26, #4F2149)
• Linen Emerald color palette (#DCF4F2, #3CA659, #007EC7, #00692B, #123855)
• Wandering Lime Courtyard color palette (#DFFFE9, #42DDFB, #A7BB05, #008DA4, #2C3200)
• Spruce Market color palette (#F1FAD9, #C4EEF0, #BCBFCE, #769B6F, #293800)

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