Pine Studio color palette — #F5F3DD · #84B780 · #007F54 · #44531F · #0A2809

Teal and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F3DD): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#84B780): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007F54): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#44531F): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#0A2809): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Olive Meadow color palette (#F7F1E4, #B0B98C, #5B8244, #455F1F, #2B2817)
• Ancient Jade Pier color palette (#DDFFED, #6EB86C, #007B69, #56531D, #18433E)
• Timeworn Boulevard color palette (#ECE6C4, #6DA65D, #006D40, #004845, #041C00)
• Dusty Teal color palette (#E1F1EB, #00B29F, #008182, #004A56, #002833)
• Tempered Summit color palette (#DAFFF3, #89CF85, #3A9B70, #626F44, #0E443F)
• Worn Garden color palette (#FAF5E5, #B6E8B2, #00AA90, #746D1B, #183617)
• Tempered Alley color palette (#F7F1E8, #9EDDE0, #0092AB, #006452, #002939)
• Washed Hollow color palette (#EEE0CA, #807C31, #394B00, #00331B, #0B0700)

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