Pine Grove color palette — #CBE9E8 · #968900 · #00894B · #005159 · #000302

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

The five colors

• Frost (#CBE9E8): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#968900): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#00894B): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005159): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000302): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Pine Grove 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

• Worn Amber Harbor color palette (#D2F7E9, #CC7B00, #627D00, #005951, #000300)
• Softworn Olive color palette (#D3E8ED, #598800, #007169, #003D71, #000102)
• Moss Terrace color palette (#CEF1F0, #47AA39, #008855, #005A4F, #000F08)
• Olive Workshop color palette (#DEF5E9, #477629, #00412A, #211F00, #010400)
• Washed Cypress Atelier color palette (#E6EADB, #2C805E, #004B5A, #45030A, #170100)
• Lagoon Station color palette (#F6E8F1, #449A96, #005360, #002E16, #00050A)
• Emerald Ridge color palette (#E3ECCA, #B0AA00, #00A841, #007684, #00120D)
• Lime Quarry color palette (#E9F6CF, #5CDA14, #00B471, #007766, #000201)

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