Pine Loft color palette — #C4E7E3 · #007C4D · #00412F · #00222E · #000401
Pine and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#C4E7E3): A whisper-light, dusty teal — the color of sea glass.
- Pine (#007C4D): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00412F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
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 Delta color palette (#E1F0E7, #6B6D00, #303C00, #00251E, #030300)
- Pine Grove color palette (#ECE7D5, #347E2E, #004231, #31113D, #101100)
- Antique Pine Meadow color palette (#CFE7E2, #508759, #005130, #412000, #000B02)
- Washed Orchard color palette (#C7EEED, #2AAC8A, #006A5D, #004362, #001B13)
- Inked Meadow color palette (#DFF6E6, #615A0D, #2A2D00, #2E0008, #010100)
- Aged Fern Corridor color palette (#D1E4DD, #7C994D, #2B6500, #572A1B, #001711)
- Linen Emerald color palette (#CBE9DC, #5EA151, #005C43, #3E134F, #000200)
- Hushed Cerulean color palette (#E0EFEE, #4395B6, #004F72, #002A33, #00050C)
Browse the whole catalog at Explore, or see today's palette.