Pine Loft color palette — #ECF8F7 · #88E9A9 · #009BB0 · #008E4D · #00070B
Built around Fern, softened by Lagoon — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Lagoon (#88E9A9): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009BB0): A luminous, balanced blue — the color of deep harbor water.
- Fern (#008E4D): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Dusty Summit color palette (#ECF8FA, #4FEBDC, #5081FB, #00897F, #010511)
- Antique Alley color palette (#EDF8F2, #D8D485, #00A186, #807A00, #000708)
- Muted Meadow color palette (#EEF7F8, #93FDE3, #60A2E9, #15A087, #0A131D)
- Periwinkle Boulevard color palette (#E9F9F5, #A9DC88, #51A9F1, #75A653, #0A1A28)
- Muted Ultramarine color palette (#D9EEF3, #00A399, #2600E0, #004641, #000108)
- Antique Seafoam color palette (#DAFFF0, #6BE3D5, #009FAD, #005F7C, #002740)
- Nightshade Garden color palette (#DBEAF2, #0088A5, #3400A6, #00313D, #00000C)
- Orchid Lantern color palette (#ECF7FF, #A9E2FF, #B462F9, #0089B8, #08061E)
Browse the whole catalog at Explore, or see today's palette.