Pine Field color palette — #F8F3F8 · #D4DFED · #69A2BE · #377F53 · #40546D

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D4DFED): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#69A2BE): A luminous, dusty blue — the color of deep harbor water.
• Fern (#377F53): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#40546D): A full-bodied, dusty blue — the color of deep harbor water.

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

• Softworn Orchard color palette (#F1F7F2, #D2E1F2, #62C1D7, #569484, #3F5665)
• Dusty Lantern color palette (#F5F1EB, #C7E3DC, #4EABC0, #2C7A68, #213D31)
• Tempered Spruce color palette (#E6DCE6, #75A8B6, #00617B, #004116, #001F41)
• Weathered Loft color palette (#E7DDE5, #4F8B97, #004063, #002417, #02002E)
• Washed Rust Balcony color palette (#FDF1FA, #C8A2BF, #48AAAA, #AA5747, #2A545F)
• Petrol Coast color palette (#FFF0FA, #BE8978, #319AA3, #2A79A0, #4F3B49)
• Feathered Cobalt color palette (#FEF1F9, #ACD4EC, #2E81D7, #006858, #39396B)
• Tempered Taupe Grove color palette (#FCF3F0, #BEE6EE, #A5D3BE, #82AE90, #5C4C5C)

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