Pine Study color palette — #E8F2E2 · #008E57 · #004A3C · #001313 · #000102

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

The five colors

• Cream (#E8F2E2): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008E57): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004A3C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001313): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns Pine Study 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

• Timeworn Parlor color palette (#F1F1D4, #637F00, #0E4F05, #00160C, #000201)
• Dusty Garden color palette (#F0EDD8, #449400, #006E56, #004249, #000510)
• Hazy Moss Lantern color palette (#D8E3C8, #7EB100, #009471, #00656C, #000201)
• Wandering Corridor color palette (#D0EDD9, #138B80, #004F65, #3F0F37, #040000)
• Washed Mint color palette (#D6FFE9, #00D7BC, #008C8C, #004653, #001724)
• Aged Abyss color palette (#E0E3D6, #B5BFAA, #649F96, #034A0C, #010100)
• Turquoise Pier color palette (#84F9E6, #00B5BD, #006C82, #00334B, #00030F)
• Wandering Delta color palette (#C9E9EC, #009FC0, #00537A, #00185E, #01000A)

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