Pine Loft color palette — #DEF4F2 · #007E3B · #00384F · #003012 · #000205

Olive takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#DEF4F2): A whisper-light, dusty teal — the color of sea glass.
• Olive (#007E3B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00384F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#003012): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000205): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Nightshade Orchard color palette (#C8E6EB, #00796D, #10009E, #002E29, #000109)
• Softworn Veranda color palette (#D2E9DC, #746A00, #003D2C, #2C2700, #000202)
• Onyx Grove color palette (#F6EBD6, #006759, #003643, #32001F, #000E0E)
• Wandering Aubergine Drift color palette (#E1F0F9, #0082A9, #5E0082, #00374A, #030113)
• Hushed Jade color palette (#C7F1F0, #00AE71, #007A7A, #004C6D, #001013)
• Patina Field color palette (#DEEEEF, #91AFB7, #658593, #004233, #01181A)
• Quiet Emerald color palette (#E0E1CD, #4B992C, #005397, #1D5300, #050006)
• Aged Nightshade Grove color palette (#DAEFF8, #009AA8, #3537B5, #004B52, #050C1F)

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