Pine Studio color palette — #F7F5ED · #B3B28A · #4B8257 · #764C51 · #474500
Fern and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F5ED): bright and airy, almost weightless.
- Sage (#B3B28A): A luminous, dusty green — the color of fresh herbs.
- Fern (#4B8257): A full-bodied, balanced green — the color of a quiet forest floor.
- Coffee (#764C51): A full-bodied, dusty red — the color of a theater curtain.
- Deep Olive (#474500): A deep, shadowed, balanced 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
- Antique Fern color palette (#F5F6EF, #BAC6AB, #518E85, #7A5E59, #3F5614)
- Stone Orchard color palette (#F8F1E2, #9FBF89, #4C826D, #6B4A54, #292913)
- Washed Lantern color palette (#FBF5E6, #9EAC59, #3E7B00, #73403B, #3C3B34)
- Timeworn Bronze Archive color palette (#FFF3E7, #E7B17D, #9E6100, #653A00, #412400)
- Oat Corridor color palette (#FFF3E8, #DDE2CA, #CBD58A, #A66A5C, #56514B)
- Patina Grove color palette (#EAE5D4, #7C9659, #00671D, #5F2E1E, #2D2A05)
- Timeworn Chestnut Archive color palette (#FFF3E9, #D38C5F, #0097C4, #9C4C00, #244B3B)
- Worn Cobalt Station color palette (#F8F4EE, #BCE8D4, #3D91CF, #007078, #563E55)
Browse the whole catalog at Explore, or see today's palette.