Pine Loft color palette — #FFF1F5 · #D7792A · #2B8C3A · #1F5D27 · #0E091F
A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mustard (#D7792A): A luminous, balanced gold — the color of honey in a jar.
- Olive Leaf (#2B8C3A): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#1F5D27): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0E091F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.
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
- Gentle Aubergine color palette (#FFF1F6, #C86E00, #00794A, #5E0099, #0F0400)
- Amber Loft color palette (#FFF1F5, #C67231, #906400, #005626, #07051F)
- Washed Marigold Hollow color palette (#E8FBEF, #B79C01, #7A6700, #004E67, #160616)
- Misty Grove color palette (#E2FCF1, #7F8400, #00636E, #641150, #000302)
- Misty Moss color palette (#E4FBF3, #7EAD33, #008579, #005A67, #14041C)
- Washed Amber color palette (#FFF0F8, #FFB3AC, #C37749, #604F00, #0E2300)
- Worn Plum color palette (#FAEDFB, #AE364F, #00613D, #00364E, #0A0819)
- Faded Studio color palette (#FFF0FD, #ED837E, #00878B, #074C81, #001C36)
Browse the whole catalog at Explore, or see today's palette.