Pine Studio color palette — #FFEED0 · #ACB770 · #008A55 · #005C5A · #00445D

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Custard (#FFEED0): A whisper-light, dusty gold — the color of old brass.
• Sage (#ACB770): A luminous, balanced green — the color of fresh herbs.
• Fern (#008A55): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005C5A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#00445D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Pale Basin color palette (#E5FDB9, #7EC67D, #2F885A, #00554B, #002A2B)
• Softworn Navy Terrace color palette (#FFF5D4, #7CBC91, #008883, #005C6F, #1A3D7C)
• Hazy Olive color palette (#FFEDDF, #C5A159, #6F8000, #005F41, #004246)
• Aged Balcony color palette (#FFF7C8, #C1DEA7, #7BC197, #089D91, #004751)
• Taupe Coast color palette (#FFF2EE, #969E52, #007A75, #6A3C5B, #3D3E37)
• Washed Olive Courtyard color palette (#F6F5EF, #D5DED7, #ABC9C0, #6E7C3F, #4A483E)
• Aged Emerald Field color palette (#F0EFD9, #00B43E, #006B59, #00424B, #00264B)
• Dusty Olive color palette (#E9E2C6, #367A00, #004934, #002122, #050919)

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