Pine Pier color palette — #E5F9FF · #D6D9EB · #CCB8F0 · #4C854C · #335261
Built around Fern, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#E5F9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Silver (#D6D9EB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender (#CCB8F0): A luminous, balanced violet — the color of wild irises.
- Fern (#4C854C): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#335261): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Pine Pier 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
- Lagoon Studio color palette (#ECF7FF, #DCDAE4, #EAB6D7, #329193, #424E62)
- Timeworn Wisteria Atelier color palette (#EBF7FF, #BED0FF, #C086D7, #007B58, #003E64)
- Patina Grove color palette (#E7F7E8, #B9E9E9, #A4C7FF, #338479, #293B31)
- Misty Blush Corridor color palette (#E4F1FF, #D9BFF7, #D8759A, #00697A, #293553)
- Ancient Stone Coast color palette (#E9FBE5, #DCDAE6, #D5C0BF, #A2C19C, #3E5243)
- Tempered Ember color palette (#DCE5F9, #CDA9CF, #D46156, #005778, #2B1941)
- Tempered Plum color palette (#EEF6FD, #77B8DA, #A15074, #00688F, #29202E)
- Cocoa Loft color palette (#FFF0F7, #94AF98, #956648, #7E393C, #234537)
Browse the whole catalog at Explore, or see today's palette.