Pine Grove color palette — #EAF2FF · #6D8CCF · #B9625C · #1B802A · #0F1E36

Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF2FF): a clean, paper-quiet neutral.
• Lavender Blue (#6D8CCF): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#B9625C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#1B802A): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#0F1E36): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Hushed Boulevard color palette (#E6F4FF, #3398C7, #B45F85, #6C7100, #072131)
• Antique Bronze Cabin color palette (#EEF1FF, #947FC7, #B86820, #007D6A, #191B35)
• Coral Pier color palette (#FFF0FD, #80A3EF, #DD766F, #5D965F, #453042)
• Weathered Cobalt Market color palette (#DEFDF2, #1891D3, #828000, #347334, #213F36)
• Ancient Raspberry color palette (#EADFF8, #AC5C90, #7C7000, #00657E, #25061B)
• Amethyst Drift color palette (#E8E8FA, #7146F2, #A24400, #006147, #0F0034)
• Patina Pier color palette (#FFECF6, #C59FAE, #9C654B, #78342D, #172718)
• Hushed Cerulean color palette (#EBF2FF, #DCD2E7, #E0AFC1, #4B80A5, #232D45)

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