Pine Studio color palette — #E4FDE8 · #98AE5D · #137D4B · #235966 · #164438
Built around Pine, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E4FDE8): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#98AE5D): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#137D4B): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#235966): A full-bodied, dusty blue — the color of open sky before noon.
- Forest (#164438): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance, 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
- Jade Alley color palette (#E0FDF1, #4ABD76, #007A72, #2C5479, #1B442A)
- Pine Terrace color palette (#F5F4D8, #88B679, #3D7B48, #005B41, #0C2802)
- Washed Marigold Loft color palette (#FFF0F7, #C49E1E, #597500, #215C55, #20432D)
- Hazy Emerald Coast color palette (#DFFDF4, #A2C797, #429C55, #37775E, #25441A)
- Weathered Moss Chapel color palette (#D3ECDC, #74985B, #00644A, #1F4256, #00312A)
- Dusty Lagoon Dune color palette (#EFF8F1, #9ACDBE, #5F8D73, #686274, #3F524C)
- Hazy Thicket color palette (#DDF2DB, #979809, #036E19, #5F2C5F, #303000)
- Tempered Balcony color palette (#FCF4E4, #C4D6A5, #57BE73, #219B9D, #334017)
Browse the whole catalog at Explore, or see today's palette.