Pine Field color palette — #FFF2EB · #BEDFBE · #4CA3B9 · #217E54 · #053F5D

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Celadon Mist (#BEDFBE): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#4CA3B9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#217E54): A full-bodied, balanced teal — the color of sea glass.
• Navy (#053F5D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Weathered Turquoise Corridor color palette (#FCF1F9, #D2D5E5, #40B7D3, #308059, #153146)
• Weathered Market color palette (#FEF3E9, #BADED0, #7096D1, #007B81, #34365C)
• Ancient Aqua Orchard color palette (#F5F6EC, #B0EDED, #35C7D4, #369F90, #00434D)
• Teal Lagoon color palette (#F3E5DE, #42A3A8, #00627A, #003D2A, #000A16)
• Ancient Petrol color palette (#EEDDD5, #79BEC7, #0080A5, #005B45, #00203D)
• Olive Field color palette (#EFF1DB, #82BA6A, #C67ECD, #3A7D0E, #48264C)
• Feathered Emerald Bloom color palette (#F4EED7, #B3B555, #59932F, #06743A, #004433)
• Cornflower Market color palette (#FFF3E8, #92D4FF, #3D87FF, #007178, #2C2371)

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