Pine Market color palette — #FAF2FA · #D2D5E4 · #5CB3D3 · #427E4F · #1A3047

Olive and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Silver (#D2D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#5CB3D3): A luminous, balanced blue — the color of deep harbor water.
• Olive (#427E4F): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#1A3047): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Weathered Periwinkle color palette (#FCF2F5, #D8D4DF, #88A2F0, #1D7E7C, #282B4B)
• Tempered Azure Delta color palette (#FDF1F8, #C0EEFF, #5396DB, #006C59, #19193D)
• Wandering Aqua color palette (#F6F6EB, #CAEACA, #5EC3CE, #439D90, #1E442D)
• Softworn Lagoon color palette (#E8F5F2, #A7CFDB, #008C97, #005C52, #00262C)
• Denim Boulevard color palette (#F2E2F1, #5DB1B9, #005C7F, #002D17, #000107)
• Hazy Station color palette (#E4FDE5, #FFC15B, #6896F0, #9B6C0B, #152649)
• Powdered Ultramarine color palette (#F9E9F1, #60C4EE, #0F63C6, #003F36, #030012)
• Cobalt Summit color palette (#FDF1FA, #8CDBE4, #0085B6, #005531, #00072E)

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