Pine Garden color palette — #FFF2EF · #B2FFFA · #00ABCE · #0B7819 · #002645

Olive takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sea Foam (#B2FFFA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ABCE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#0B7819): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002645): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pine Garden 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

• Azure Chapel color palette (#FFF2EB, #D2E9FF, #2AA1F4, #007559, #16185C)
• Soft Courtyard color palette (#EBF9EE, #A0EAE4, #00C1D0, #009C70, #003947)
• Worn Forest color palette (#FBF2FC, #62CCC5, #007B93, #0E5A0B, #00355B)
• Forest Thicket color palette (#FFF2EE, #8FDCDA, #0087A8, #00561B, #000D20)
• Lagoon Archive color palette (#FCF3EF, #C0E2EB, #8EC3E2, #4C936E, #51334E)
• Ancient Denim color palette (#F9EDE7, #59B1C0, #005B85, #002D1C, #00000C)
• Washed Fuchsia color palette (#FDF0FF, #E873FF, #24910E, #00755D, #220029)
• Gentle Bronze Cabin color palette (#FFF4DC, #A9C77F, #917E00, #704000, #001F0D)

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