Pine Lagoon color palette — #FFF2EE · #B3FFF8 · #00ABCB · #1F7714 · #002643

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#B3FFF8): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ABCB): A luminous, balanced blue — the color of deep harbor water.
• Olive (#1F7714): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002643): 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 Lagoon 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

• Quiet Azure color palette (#FFF2EC, #D5DEF8, #00A5EA, #00764E, #0C1E56)
• Weathered Turquoise Chapel color palette (#E4FBF6, #9AEBE6, #00C2C9, #009A84, #003A41)
• Dusty Corridor color palette (#FDF1F9, #6BCAC5, #007B8E, #005930, #003850)
• Forest Studio color palette (#FFF2EE, #65E2E3, #0087AA, #00561F, #000C20)
• Muted Periwinkle color palette (#FCF4EA, #D9D5E0, #8CA1F1, #0C7E80, #422331)
• Worn Veranda color palette (#FEF2ED, #BEEBF6, #8CC3E6, #539172, #4E364B)
• Antique Denim color palette (#F4E6DF, #46B2C8, #005A89, #002D1E, #00000B)
• Muted Fuchsia Thicket color palette (#FBF1FF, #DC7EFF, #00913C, #007364, #21002C)

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