Pine Studio color palette — #E3FAFF · #C6DFFF · #AFB6FF · #13834E · #001A20
Fern and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E3FAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Powder Blue (#C6DFFF): A whisper-light, dusty blue — the color of deep harbor water.
- Lavender (#AFB6FF): A luminous, balanced violet — the color of a velvet chair.
- Fern (#13834E): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Pine Studio 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
- Ancient Wisteria Boulevard color palette (#EAF7FF, #DAD7EF, #CF94FF, #007A70, #00182F)
- Powdered Sky Alley color palette (#D7FEFF, #91FCFF, #56BAFF, #4F781A, #001110)
- Aqua Alley color palette (#D3E6D8, #59DAFE, #93AEF7, #009492, #052F1C)
- Lilac Harbor color palette (#D8F6FF, #A7D4FF, #B194FF, #00675A, #000306)
- Weathered Forest Delta color palette (#D3EBD1, #86BEE9, #907CC2, #005523, #000F12)
- Hushed Cobalt color palette (#C7EBCD, #7DC7E3, #5E8BC3, #00594D, #002B32)
- Cerulean Lantern color palette (#F0F5FF, #E8D9E1, #FFB5D9, #378EBE, #191D36)
- Aged Wisteria Market color palette (#E1EDFA, #ACA5F0, #CA6CCA, #004C5D, #00000B)
Browse the whole catalog at Explore, or see today's palette.