Pine Field color palette — #FFF2ED · #BEECF7 · #6FAFD3 · #1E8254 · #1D2D4E

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Frost (#BEECF7): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#6FAFD3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#1E8254): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#1D2D4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Lagoon Chapel color palette (#F0F7F1, #BEE8F8, #59C1DE, #00A28D, #00405B)
• Ancient Periwinkle color palette (#FAF4EE, #C3E2F7, #90A1EC, #007E82, #452131)
• Periwinkle Loft color palette (#FFF2E9, #C8ECFF, #6D92D0, #006B62, #1F1343)
• Muted Cobalt Atelier color palette (#FAF2F9, #9FCDDD, #0083AF, #17623A, #253B59)
• Tempered Garden color palette (#EFDFD8, #63B0BC, #005B84, #002D1B, #00000C)
• Wandering Coast color palette (#F6F1EA, #B2D0B8, #008AA6, #005D50, #00281C)
• Driftwood Veranda color palette (#FCF3F0, #C1E1E6, #9DCDCD, #8E9770, #594659)
• Feathered Lilac Coast color palette (#FFF3E6, #ECB270, #A397F5, #A46700, #281D51)

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