Pine Loft color palette — #DFFDF4 · #84B26B · #038022 · #005C62 · #2A421D
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#DFFDF4): A whisper-light, dusty teal — the color of sea glass.
- Jade (#84B26B): A luminous, balanced green — the color of new leaves after rain.
- Olive (#038022): A full-bodied, vivid green — the color of new leaves after rain.
- Peacock (#005C62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#2A421D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, 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
- Washed Cypress color palette (#EAF9F7, #70AA87, #067456, #2B5064, #1C3B3B)
- Feathered Olive color palette (#EAFAF0, #ABA74E, #667100, #7E3641, #1B4333)
- Dusty Loft color palette (#E3F8E9, #A1B15B, #24802D, #4D456E, #1E2400)
- Olive Study color palette (#EDF9F0, #91BBA4, #74783B, #684F6D, #2F493C)
- Muted Lime Quarry color palette (#FFF4E1, #B1C752, #519A54, #6A618E, #3C3B34)
- Dusty Lagoon color palette (#D3F2F1, #258D6E, #005145, #003349, #002117)
- Cerulean Hollow color palette (#EDF8F6, #85DFE7, #008FA3, #006762, #004858)
- Jade Villa color palette (#EBFAEA, #D1D490, #78B776, #9D7BA0, #3D3D08)
Browse the whole catalog at Explore, or see today's palette.