Pine Field color palette — #ECF0E2 · #008E4E · #0A4C5A · #003D1E · #010500

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

The five colors

• Cream (#ECF0E2): bright and airy, almost weightless.
• Fern (#008E4E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#0A4C5A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Forest (#003D1E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Cypress Bloom color palette (#E9F3E5, #007A6B, #213A56, #002E28, #000203)
• Aged Lagoon Thicket color palette (#D2F2E9, #008B81, #005657, #002B30, #00161D)
• Navy Harbor color palette (#E4E6CB, #00766B, #00464C, #1C006F, #001B1A)
• Aged Olive Delta color palette (#EEEADB, #7E7B00, #014D0F, #353400, #030400)
• Muted Jade color palette (#E2F1DE, #00BE8E, #008C84, #006676, #002020)
• Aged Bloom color palette (#E4E8E1, #B2BDAD, #7E967B, #00513D, #1A2212)
• Patina Balcony color palette (#CEE7E2, #5AAA00, #006A8D, #306100, #000409)
• Ultramarine Station color palette (#DEF0E8, #0094C7, #0637C7, #004862, #180517)

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