Pine Grove color palette — #FFEBDF · #007A2C · #00444B · #3F0016 · #000704

A conversation between Olive and Onyx, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFEBDF): A whisper-light, dusty gold — the color of old brass.
• Olive (#007A2C): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#00444B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#3F0016): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#000704): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, muted.

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

• Cypress Balcony color palette (#FFE1CF, #007566, #00405E, #390E00, #000708)
• Onyx Drift color palette (#FFE8D4, #716600, #00482D, #310044, #040600)
• Powdered Navy color palette (#E9EBCC, #007764, #004649, #110074, #001B18)
• Timeworn Lagoon Boulevard color palette (#F1EFD3, #448960, #004F46, #203000, #000B03)
• Lagoon Orchard color palette (#DFEADC, #28877D, #235471, #4F2011, #1E0800)
• Emerald Cabin color palette (#FADDF1, #2D9837, #00656B, #6D0021, #001C12)
• Lowlit Onyx color palette (#F8EBDE, #005154, #00204F, #130800, #000102)
• Navy Meadow color palette (#C7FBEE, #00A17F, #006260, #031E72, #000504)

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