Pine Grove color palette — #ECF8F8 · #9BE3BB · #009CA7 · #008C5B · #00070B
Built around Fern, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF8F8): a clean, paper-quiet neutral.
- Mint (#9BE3BB): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009CA7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008C5B): A full-bodied, balanced teal — the color of sea glass.
- Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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
- Muted Atelier color palette (#EEF8F5, #BFDD8F, #00A36F, #628400, #000707)
- Muted Cerulean Archive color palette (#EAF8FD, #74E4EE, #0095CF, #008690, #00060E)
- Turquoise Workshop color palette (#EFF7F8, #B4F5E6, #00B1C9, #00A08A, #00151E)
- Weathered Lagoon Study color palette (#D7EFF5, #00A39E, #005475, #004644, #000103)
- Lagoon Dune color palette (#D7FFF7, #73E5DE, #009CA4, #00616F, #002631)
- Quiet Alley color palette (#DDEBF3, #0087AB, #2410A8, #003040, #00000A)
- Nightshade Atelier color palette (#E1FCF7, #5ACCC4, #008EA0, #494592, #002630)
- Quiet Azure color palette (#ECF8F5, #A6DD82, #0EAFF1, #6EA942, #071A28)
Browse the whole catalog at Explore, or see today's palette.