Pine Field color palette — #F3E2D8 · #AACAA7 · #00A4BB · #098248 · #002333

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

The five colors

• Parchment (#F3E2D8): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#AACAA7): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#00A4BB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#098248): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, 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

• Azure Pier color palette (#EADFD9, #85CCE1, #009BE4, #007E71, #061C48)
• Ancient Lagoon Ridge color palette (#E1F3EF, #70C2BE, #00858B, #005B4D, #00242A)
• Worn Cabin color palette (#FFF2EB, #C1ECD3, #7CB9E5, #2BA091, #243A61)
• Timeworn Denim Lantern color palette (#F6E6F0, #64AAA7, #006372, #003C1E, #000C16)
• Patina Terrace color palette (#EFD7F1, #CBC5FB, #E39AD0, #0098B5, #19224C)
• Hazy Cornflower Villa color palette (#D5DFF1, #4B85FF, #AD7700, #64761A, #000B37)
• Patina Cobalt color palette (#ECE4DB, #70A6D4, #4D6ECA, #005C67, #0B0027)
• Hushed Ultramarine Balcony color palette (#CFEAF0, #00A2D1, #0079D2, #2A4DBF, #1B0A52)

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