Pine Studio color palette — #F3E7D0 · #00909D · #00884C · #000F0D · #000201

Fern and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3E7D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cerulean (#00909D): A full-bodied, balanced blue — the color of deep harbor water.
• Fern (#00884C): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000F0D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Aged Petrol color palette (#E1E3D0, #0076AB, #007263, #050D13, #000102)
• Worn Market color palette (#E0F3F5, #008D6F, #004C5B, #004132, #000103)
• Aged Indigo Market color palette (#FBDCF4, #6B63FF, #00808F, #000D0F, #000102)
• Worn Periwinkle color palette (#FAE7FC, #5E9AFF, #00A1A3, #001717, #000507)
• Emerald Coast color palette (#ECDCDD, #0599ED, #489600, #00170E, #040400)
• Wandering Abyss color palette (#D9EAED, #A2B8BE, #77929C, #004F46, #000D10)
• Airy Lantern color palette (#F9E3E6, #A571FF, #008FD2, #001526, #000307)
• Patina Forest color palette (#D6F1F1, #006241, #00486F, #362300, #000303)

Browse the whole catalog at Explore, or see today's palette.