Pine Field color palette — #E9EFFD · #0091B4 · #008851 · #02110F · #000202

A conversation between Fern and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Frost (#E9EFFD): bright and airy, almost weightless.
• Cerulean (#0091B4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008851): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#02110F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Ancient Cobalt Lagoon color palette (#F1F0DF, #007BBD, #007465, #061011, #000203)
• Worn Olive color palette (#F5E1D4, #00978B, #598000, #021108, #000202)
• Wandering Cypress color palette (#D4E7E4, #007E82, #00424A, #001F27, #000B12)
• Timeworn Hollow color palette (#FFE6F2, #1689F6, #778700, #121600, #020200)
• Worn Abyss color palette (#DEE7E8, #93AFB6, #568898, #004238, #00181B)
• Patina Orchid color palette (#F1DEE4, #B460FF, #008BC1, #101829, #02080E)
• Wandering Parlor color palette (#F6E5F9, #66A5FF, #00A6B3, #1A293C, #021820)
• Feathered Jade color palette (#ECE5D9, #00BFDD, #00B56F, #002E2B, #001A1A)

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