Pine Loft color palette — #D6E8CD · #268F4C · #1D5E4A · #003349 · #00142B
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D6E8CD): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#268F4C): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#1D5E4A): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003349): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00142B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, 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
- Washed Atelier color palette (#D6F6EA, #008D83, #005D68, #233453, #120831)
- Ancient Pine Balcony color palette (#E4F4E1, #008638, #005731, #003421, #000E08)
- Washed Olive Study color palette (#F9EBC9, #7F781C, #425511, #00333C, #001820)
- Lagoon Villa color palette (#CCECE4, #008E7D, #00584A, #001F1A, #000202)
- Wandering Forest Hollow color palette (#E5E8DA, #37703D, #00453C, #21153A, #1E001C)
- Worn Villa color palette (#C8EAEC, #007C5D, #1A44CD, #004331, #000025)
- Cerulean Meadow color palette (#DEEFED, #36A0BF, #006180, #003A41, #000B14)
- Tempered Teal Corridor color palette (#D2EEE7, #00A7A7, #2A7687, #3C4A6A, #2F2150)
Browse the whole catalog at Explore, or see today's palette.