Pine Loft color palette — #F8F6E6 · #7EB27D · #007D54 · #793F10 · #3A3B34
A conversation between Teal and Bronze, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7EB27D): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007D54): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#793F10): A full-bodied, balanced gold — the color of honey in a jar.
- Charcoal (#3A3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, 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
- Olive Atelier color palette (#FCF5E1, #98AD66, #247E00, #5B5200, #3C3B34)
- Cypress Market color palette (#F4F7EA, #6BAA90, #007368, #5F4620, #293D00)
- Patina Jade Hollow color palette (#F6F2E0, #6DBC84, #007C73, #663C58, #1E2400)
- Quiet Loft color palette (#E0FDF0, #77D28E, #009B8E, #875778, #074441)
- Olive Meadow color palette (#F6F6EB, #BDC69F, #5A8D7B, #6D691D, #485406)
- Frosted Thicket color palette (#F4F9DE, #B5FEDA, #00DAE0, #737C1B, #474942)
- Gentle Clover Veranda color palette (#DEFFE5, #51C375, #007B38, #004616, #002E0F)
- Orchid Loft color palette (#F6F8DD, #74B947, #AA44E1, #2D5C00, #4A2A5D)
Browse the whole catalog at Explore, or see today's palette.