Pine Studio color palette — #F4F6EC · #92BB96 · #008174 · #007428 · #1A2915
Built around Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F6EC): a clean, paper-quiet neutral.
- Sage (#92BB96): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#008174): A full-bodied, balanced teal — the color of sea glass.
- Olive (#007428): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#1A2915): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged duotone, 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
- Cypress Orchard color palette (#F3F6F1, #8FCFC1, #278BA0, #007F6F, #223228)
- Wandering Olive Drift color palette (#F9F5EB, #BBB073, #4E7E22, #6E6000, #26250C)
- Softworn Cobalt color palette (#F3F2E9, #ACBB82, #0F7CB7, #5C6E0A, #00120D)
- Washed Navy Field color palette (#F5F7E5, #55A99B, #007881, #3C458F, #2E442C)
- Turquoise Garden color palette (#EEF8EF, #00B8C0, #006D95, #006267, #002418)
- Pine Workshop color palette (#DCE3CF, #007C4E, #153D4F, #002F1B, #000202)
- Pine Drift color palette (#F4F6F0, #D4DDD8, #B2C4BC, #358660, #3D5007)
- Antique Grove color palette (#EDF8F4, #B9CE8E, #00A1B8, #738B31, #122730)
Browse the whole catalog at Explore, or see today's palette.