Pine Grove color palette — #E6F2F1 · #9EB5C3 · #809CB7 · #00884C · #051717

Fern and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F2F1): a clean, paper-quiet neutral.
• Ash (#9EB5C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#809CB7): A luminous, dusty blue — the color of deep harbor water.
• Fern (#00884C): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#051717): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Petrol Workshop color palette (#D6E9F0, #A6B0C5, #9096B9, #00818A, #07161B)
• Softworn Olive color palette (#DBEAE2, #9CB5B9, #7C9DA8, #7A7500, #051810)
• Ancient Forest color palette (#E2F2F0, #97BCC3, #769BB0, #00651B, #031816)
• Patina Pier color palette (#E4E8DF, #9BA393, #6D8463, #004226, #030500)
• Aged Cerulean Chapel color palette (#E7F0F4, #CCD3E6, #B5B7CD, #36A2B3, #203138)
• Lime Basin color palette (#C3E7EC, #33D723, #00BDA0, #0097B7, #000E0E)
• Faded Ultramarine Meadow color palette (#C3ECEF, #009774, #155BCE, #7B004C, #0C0600)
• Quiet Teal color palette (#D9EDE4, #00A9B0, #4A809F, #794160, #3C0102)

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