Pine Loft color palette — #F2F2D9 · #317D4B · #004232 · #351A00 · #001506

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

The five colors

• Cream (#F2F2D9): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#317D4B): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004232): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#351A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001506): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Pine Harbor color palette (#DEEBE2, #008445, #004023, #00170B, #000402)
• Wandering Bronze color palette (#F1E2CD, #786C22, #343C00, #2F1F00, #131000)
• Velvet Workshop color palette (#E0E0CB, #2D775E, #003E43, #3E001F, #000402)
• Hushed Fern Balcony color palette (#D0E8D6, #60B09E, #008A94, #324C00, #001C12)
• Forest Bloom color palette (#E9E5D1, #749767, #006638, #3B4219, #19300F)
• Timeworn Hollow color palette (#D3EFE7, #2E9872, #005F62, #640F3D, #00140B)
• Linen Nightshade color palette (#CFE5D3, #005D27, #2104BC, #600300, #000B02)
• Aubergine Summit color palette (#DFE3C5, #278226, #61007A, #043705, #1D0026)

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