Pine Market color palette — #FDF1FC · #B2E4F6 · #29A8DE · #00884F · #183D7B

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

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Powder Blue (#B2E4F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#29A8DE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00884F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#183D7B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Worn Terrace color palette (#FAF3F7, #BED9EA, #6B98CF, #007E6C, #36365A)
• Cerulean Canyon color palette (#FCF4E8, #84DFE7, #008EA9, #006859, #0E455E)
• Aqua Market color palette (#EBFAEE, #97F7FF, #3BC9EB, #00A890, #09465F)
• Aged Lagoon Bloom color palette (#F9F3F7, #D7DFEF, #92B5DA, #3E9883, #495269)
• Scarlet Studio color palette (#FFF0FC, #FC877B, #00AFC0, #DF071A, #00434A)
• Muted Ultramarine color palette (#F7E6EE, #7397B1, #1751B3, #003C36, #0B0027)
• Weathered Summit color palette (#E9DFE9, #65B0B3, #007092, #004E23, #001330)
• Washed Sapphire Lagoon color palette (#F8E9F0, #95B6CF, #466ED0, #005955, #250850)

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