Pine Field color palette — #FAF2FA · #D3D4E4 · #65B1D3 · #118447 · #152E52

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

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Silver (#D3D4E4): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#65B1D3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#118447): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#152E52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Washed Study color palette (#FCF2F6, #D8D4DE, #8CA4E4, #007F7D, #332352)
• Aqua Canyon color palette (#FBF4EA, #CAEACD, #46C4DE, #29A186, #074156)
• Aged Veranda color palette (#FFF2ED, #8AD4D7, #2983A4, #266138, #233B5B)
• Patina Boulevard color palette (#F8F3F8, #D3D5E5, #96D7F0, #69A172, #3D4F63)
• Ancient Jade Field color palette (#F6F3FF, #CD8BCD, #21B165, #009752, #2B0E2B)
• Worn Denim Atelier color palette (#EFE7EE, #6BAFB8, #005C82, #002D1A, #00000B)
• Aged Boulevard color palette (#FCF1FA, #A6D4E8, #0083BF, #005439, #020038)
• Softworn Ultramarine color palette (#F9E9F1, #8DBED9, #2D61C2, #003E39, #030011)

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