Pine Loft color palette — #F7D7C4 · #00784B · #004351 · #3F0018 · #010700

A conversation between Pine and Onyx, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#F7D7C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pine (#00784B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004351): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#3F0018): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#010700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Navy Chapel color palette (#F9E8E2, #007470, #003D6B, #3B0B00, #000709)
• Sunlit Pine color palette (#FFEAEC, #007C23, #004455, #4A0018, #001B15)
• Weathered Onyx Ridge color palette (#F3E8DE, #676A00, #004735, #320041, #020700)
• Shadow Aubergine Corridor color palette (#E0EBC9, #006A3E, #370092, #370400, #0C0000)
• Washed Pine Market color palette (#E8E8D6, #008F61, #004F4A, #1C3009, #000B05)
• Navy Lantern color palette (#F6E8DB, #00505C, #0F0071, #140700, #000103)
• Softworn Basin color palette (#FFE1D7, #00928E, #005492, #591800, #00151A)
• Misty Aubergine color palette (#D6EEDA, #009770, #00646E, #630053, #001B17)

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