Pine Loft color palette — #DFF8F2 · #81B87A · #337C4B · #3F542A · #052903
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFF8F2): A whisper-light, dusty teal — the color of sea glass.
- Jade (#81B87A): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#337C4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#3F542A): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#052903): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Hushed Cypress color palette (#E3F6F5, #75AE94, #1B7461, #1D504E, #002123)
- Worn Emerald color palette (#F6F6E8, #9BC996, #369D5B, #52752B, #234420)
- Muted Delta color palette (#DEEDE4, #7A7D3E, #3D4A00, #123206, #080800)
- Tempered Field color palette (#E8F5F3, #A9CBCA, #598D8F, #49676C, #1B3736)
- Patina Study color palette (#C4ECFF, #0092AA, #6460DD, #00762C, #001C22)
- Worn Aqua color palette (#DDF7FF, #00C9EA, #007E93, #00414F, #001318)
- Forest Harbor color palette (#D2F4F2, #00684B, #003228, #001818, #000201)
- Orchid Coast color palette (#E1F6FF, #00ABC0, #9F5DD9, #006774, #2E0948)
Browse the whole catalog at Explore, or see today's palette.