Pine Field color palette — #EBF8F8 · #CADDEA · #A0C3CD · #2B7C50 · #2A4545

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

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Silver (#CADDEA): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#A0C3CD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2B7C50): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#2A4545): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Pine color palette (#EBF4F3, #CDD8E1, #A7C5D2, #058042, #152928)
• Ancient Chapel color palette (#EEF7FA, #D5DCE7, #BCBFCD, #4A7D8C, #3F4A4D)
• Forest Coast color palette (#E3F2F2, #BDD0D5, #8BA5B0, #00644A, #203132)
• Emerald Meadow color palette (#F4F6EF, #CDDFD7, #AAC7C2, #439B61, #3B4600)
• Lowlit Cypress Studio color palette (#C3E7EF, #00796E, #003138, #001C21, #00080E)
• Jade Field color palette (#E4FBF7, #59B986, #007B67, #3A5B2E, #1A442E)
• Dusty Abyss Workshop color palette (#DBE6EB, #99ACBA, #68829E, #003F48, #02171F)
• Weathered Chartreuse color palette (#E0FBFF, #3BED26, #00C0A4, #0095AE, #004343)

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