Pine Field color palette — #ECF8F7 · #CFDEE5 · #ACC7D8 · #2C8B51 · #0A2322

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Silver (#CFDEE5): a clean, paper-quiet neutral.
• Sky (#ACC7D8): A luminous, dusty blue — the color of deep harbor water.
• Fern (#2C8B51): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#0A2322): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Weathered Jade Terrace color palette (#E4F2F0, #C3D6E2, #ABBACC, #6AA26B, #24312F)
• Muted Terrace color palette (#EDF7F9, #CDDCE9, #95C3D2, #00705D, #001012)
• Hushed Lagoon color palette (#CEECF0, #008A77, #43403A, #002B2A, #000506)
• Pine Garden color palette (#E7FAF7, #8ACD9B, #008C5E, #385B31, #001F0A)
• Patina Balcony color palette (#EEF7FB, #D5DCE7, #B8A7B9, #008E9E, #0E2832)
• Wandering Fern color palette (#E8F1EF, #BCD0D3, #89A5B4, #286420, #193330)
• Aged Harbor color palette (#D8FFF4, #00BE8F, #007B76, #03378D, #001711)
• Seafoam Workshop color palette (#DEFCFF, #BEFFD3, #00E6BF, #009F9E, #00120E)

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