Pine Grove color palette — #FAF2FB · #A9DFEE · #18A5CB · #2A7F3C · #263C54

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Powder Blue (#A9DFEE): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#18A5CB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#2A7F3C): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#263C54): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Iris Parlor color palette (#FBF3F6, #B6DAF4, #6393EC, #007D73, #323855)
• Hushed Hollow color palette (#FAF4EC, #86D5D3, #008896, #006249, #094151)
• Hushed Aqua color palette (#EAF9F5, #B7EAF7, #4BC6CE, #339F8D, #00434C)
• Dusty Azure color palette (#E0F5E5, #C8A243, #129CF4, #8E6C00, #09385A)
• Powder Study color palette (#FAF3F5, #DBDDEC, #A2ADE6, #499498, #4F5164)
• Quiet Cobalt Delta color palette (#EADDE8, #63C2CC, #007FAD, #005D36, #061C47)
• Muted Denim color palette (#EFE3EE, #5BA0A2, #00617F, #003E1B, #00081C)
• Hushed Bronze Cabin color palette (#DEEDDD, #B9B076, #A57636, #804B3B, #113830)

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