Pine Loft color palette — #F1E2CF · #919200 · #157B13 · #004139 · #00181D
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Parchment (#F1E2CF): A whisper-light, dusty gold — the color of honey in a jar.
- Olive Leaf (#919200): A luminous, balanced green — the color of fresh herbs.
- Olive (#157B13): A full-bodied, vivid green — the color of fresh herbs.
- Forest (#004139): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00181D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Gentle Olive Thicket color palette (#F2E7CD, #A5AB1F, #297700, #003324, #000505)
- Gentle Station color palette (#F0E8D2, #509000, #00653F, #00373B, #000D16)
- Amber Workshop color palette (#F4E2DB, #BB7C00, #5E6700, #00441A, #001E19)
- Antique Workshop color palette (#DDE4D5, #75B360, #009439, #006844, #001E15)
- Pine Boulevard color palette (#EBF2DE, #008A56, #00555B, #002335, #02001B)
- Dusty Courtyard color palette (#F4DCD5, #8E8300, #006759, #561363, #0C1B00)
- Weathered Pine color palette (#CDECE6, #227400, #43434E, #002B28, #000C0A)
- Emerald Market color palette (#E9EDDE, #00A66A, #00706C, #004358, #001147)
Browse the whole catalog at Explore, or see today's palette.