Pine Studio color palette — #F5F2E6 · #B7B68D · #55815D · #3B5776 · #292911
Fern and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F2E6): a clean, paper-quiet neutral.
- Sage (#B7B68D): A luminous, dusty green — the color of new leaves after rain.
- Fern (#55815D): A full-bodied, dusty green — the color of new leaves after rain.
- Peacock (#3B5776): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Onyx (#292911): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Hushed Olive Archive color palette (#FAF1E1, #AFAB64, #5E7523, #593D74, #242200)
- Hushed Pine color palette (#F0F8F0, #AFB487, #4E8253, #5D5471, #2F493E)
- Worn Jade Orchard color palette (#EDF8F3, #B4CE9F, #64A06F, #5C748E, #2D4942)
- Softworn Cerulean Orchard color palette (#F6F1EA, #CBE4D1, #439AB6, #006E63, #003528)
- Timeworn Taupe Chapel color palette (#FDF3E8, #D5E4BE, #81AA83, #93696E, #3A3831)
- Frosted Market color palette (#E7E7C9, #65A679, #006B54, #2A3382, #001C0A)
- Worn Bronze color palette (#FFEDED, #B1799F, #8F8026, #007790, #301517)
- Linen Harbor color palette (#EEE5D1, #8A935F, #326305, #4E235C, #111400)
Browse the whole catalog at Explore, or see today's palette.