Pine Studio color palette — #FFF2EE · #71DFE0 · #009BC3 · #00782F · #003363
A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#71DFE0): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009BC3): A luminous, balanced blue — the color of deep harbor water.
- Olive (#00782F): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#003363): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Turquoise Harbor color palette (#FDF2EF, #A7E2DD, #1BA5C5, #4F784C, #1A433A)
- Ancient Cornflower color palette (#FFF2EA, #7AD9FC, #178DF8, #007462, #2B266C)
- Faded Quarry color palette (#FFF0FA, #B6FDFF, #00ABCE, #00764E, #00273F)
- Gentle Courtyard color palette (#EFDAD1, #60C3CA, #007FAA, #005D32, #001C4A)
- Dusty Aqua color palette (#E4FBF6, #54CCCF, #007C87, #00574E, #003A44)
- Teal Summit color palette (#D5E9D3, #00C29C, #008C8B, #006277, #00375F)
- Ash Harbor color palette (#FCF3EF, #B5F0FE, #7CABCE, #518771, #563F51)
- Pine Archive color palette (#D3FFFF, #ACE1FF, #CDA6FF, #418F48, #003A4C)
Browse the whole catalog at Explore, or see today's palette.