Pine Grove color palette — #FAF4F0 · #CBE7DF · #6CA3B1 · #387F58 · #2E5346

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CBE7DF): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6CA3B1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#387F58): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#2E5346): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Softworn Cypress color palette (#FAF4EF, #CAE8E6, #739EC4, #227E77, #62495E)
• Aqua Study color palette (#F5F6EF, #C9E8DE, #74C0C4, #569486, #3B5041)
• Patina Villa color palette (#EBDCD4, #3F8E95, #004357, #002318, #000A17)
• Quiet Cobalt Ridge color palette (#FFF2EC, #97DBEA, #0089C0, #006858, #163F76)
• Pine Bloom color palette (#FFF1F2, #B786AA, #8A8F51, #1E8B62, #543B3D)
• Worn Petrol color palette (#F7ECE6, #94BCA8, #286CA5, #00504C, #1E2A55)
• Washed Fern Pier color palette (#F9F5E9, #BCB99C, #868257, #74582D, #464D00)
• Softworn Pewter color palette (#FEF2F4, #D2A1AA, #94A064, #925B97, #4A5229)

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