Pine Studio color palette — #FAF4EB · #B7B08F · #577F54 · #5C527C · #4E4200
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Sage (#B7B08F): A luminous, dusty green — the color of new leaves after rain.
- Fern (#577F54): A full-bodied, dusty green — the color of a quiet forest floor.
- Graphite (#5C527C): A full-bodied, dusty violet — the color of a velvet chair.
- Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Muted Fern Station color palette (#F6F6E9, #A6B691, #3F807C, #754D4E, #354B04)
- Quiet Hollow color palette (#FEF3E6, #A9A75F, #487914, #743766, #3F3D0D)
- Muted Olive color palette (#E7F6EE, #92BEAE, #648035, #694963, #152D25)
- Moss Corridor color palette (#F8F5EC, #C0CA9A, #7D9B54, #9F5F40, #4D4200)
- Petrol Canyon color palette (#FFF2EA, #BC744F, #0089A3, #4462A1, #3D3632)
- Softworn Taupe Station color palette (#EBFAEE, #D2DBA4, #8EBA88, #8A8EAA, #2E493F)
- Muted Cypress Grove color palette (#FAF3F0, #C7E5D1, #5E91AF, #007362, #30486B)
- Worn Atelier color palette (#F2EBD3, #68A35C, #006B4E, #60197F, #113809)
Browse the whole catalog at Explore, or see today's palette.