Pine Lagoon color palette — #FBF2FC · #ACE8E5 · #00ACD2 · #1B8929 · #11426C

A conversation between Olive Leaf and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Sea Foam (#ACE8E5): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ACD2): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#1B8929): A full-bodied, vivid green — the color of fresh herbs.
• Navy (#11426C): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Timeworn Azure color palette (#FBF2F8, #B8DBEA, #5B9DCA, #2B7D5D, #2D395B)
• Jade Cabin color palette (#F0F8F1, #9DF7F2, #00CEE0, #00AA7D, #004759)
• Cerulean Pier color palette (#FAF4EB, #BBD7B8, #00909D, #00694C, #004759)
• Ancient Mustard color palette (#DFFFE7, #E8B931, #0094DA, #947200, #003F60)
• Wandering Archive color palette (#FAF3F8, #D5D5E9, #89B8D4, #5B9191, #42536D)
• Hazy Cobalt color palette (#F4E7EE, #7CBCD3, #2B77C2, #005B4B, #191150)
• Misty Veranda color palette (#FAE8F4, #539EB3, #005B97, #003D2E, #05002C)
• Linen Courtyard color palette (#FFF3E7, #C9EEC6, #61E2C5, #CA6756, #574411)

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