Pine Market color palette — #FDF2EF · #BDEBF5 · #69B0D5 · #00844E · #152D57

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Frost (#BDEBF5): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#69B0D5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00844E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#152D57): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Periwinkle Villa color palette (#FCF4EC, #C5E4F8, #8EA0F0, #007E81, #35254B)
• Worn Grove color palette (#F0F7F1, #BAE9F9, #50C3DF, #00A28A, #114055)
• Antique Drift color palette (#FFF2EA, #C2F2DD, #5D91E4, #006B60, #1E1049)
• Washed Courtyard color palette (#FDF1FB, #85D4D9, #2583A7, #2C5F3D, #243B5C)
• Jade Archive color palette (#FBF3F1, #C2E0E4, #A5C6F5, #6AA175, #5B445C)
• Hushed Cerulean color palette (#F7F1E8, #8CD6DC, #008AA4, #005D4E, #00281B)
• Denim Grove color palette (#FAE8E0, #63B0BB, #005B84, #002D1B, #00000C)
• Softworn Drift color palette (#FFF1F3, #E897E3, #009D60, #007E78, #2B0E2A)

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