Pine Studio color palette — #FEF2EF · #CFDFF6 · #02C0F1 · #008F3B · #183658
Kelly Green takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FEF2EF): a clean, paper-quiet neutral.
- Powder Blue (#CFDFF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#02C0F1): A luminous, balanced blue — the color of deep harbor water.
- Kelly Green (#008F3B): A full-bodied, vivid green — the color of a quiet forest floor.
- Navy (#183658): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Periwinkle Quarry color palette (#FFF2EA, #D7D7E6, #6AB3FF, #008A73, #2D2E5E)
- Antique Villa color palette (#FFF2ED, #C0FBFF, #00A8DE, #007742, #002055)
- Aqua Loft color palette (#ECF9EF, #8FF9FA, #10CCE6, #2FA787, #06475B)
- Cerulean Balcony color palette (#FFF0FA, #9DDBDC, #008EAA, #006A44, #024467)
- Weathered Canyon color palette (#DFFFE1, #E5E0EC, #CAB5B1, #4DAA67, #054454)
- Hushed Lagoon color palette (#FAF3F0, #BFE3EE, #B4C3F5, #62A187, #5B4556)
- Frosted Market color palette (#E2FFD8, #07F1B7, #00B0B1, #00748E, #003C5A)
- Hushed Spruce Grove color palette (#FDE9E4, #79C7C1, #00738A, #084105, #000308)
Browse the whole catalog at Explore, or see today's palette.