Pine Field color palette — #E7F1F0 · #C9DCDE · #9EBDC9 · #3A8449 · #1C3331

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

The five colors

• Cream (#E7F1F0): bright and airy, almost weightless.
• Silver (#C9DCDE): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#9EBDC9): A luminous, dusty blue — the color of deep harbor water.
• Fern (#3A8449): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#1C3331): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Studio color palette (#E7F9FF, #D0E1ED, #ACBFDA, #008891, #21363E)
• Hushed Cypress color palette (#D7E8E9, #B1C9D1, #8CA9BC, #007258, #112324)
• Muted Cypress Market color palette (#CFECE3, #76B68B, #008474, #4B5D28, #00302F)
• Softworn Cypress Drift color palette (#DEF0F2, #008472, #003A45, #001A1E, #000605)
• Frosted Moss color palette (#CFE8E2, #579B00, #0062BC, #7F0027, #331700)
• Softworn Abyss Chapel color palette (#DBE3E9, #9CA6B1, #7E869B, #004D63, #000B14)
• Wandering Cabin color palette (#DEEFDD, #69B4AD, #5684A1, #7C503A, #5F2C10)
• Emerald Boulevard color palette (#FBCFE9, #3AAB5F, #007784, #7C1D48, #002C21)

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