Pine Lagoon color palette — #FAF2F8 · #B2DCEA · #55A1B8 · #1F7E59 · #163E59

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#B2DCEA): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#55A1B8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1F7E59): A full-bodied, balanced teal — the color of sea glass.
• Navy (#163E59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Muted Turquoise Terrace color palette (#FEF3ED, #BEE8EF, #37B7D8, #19825A, #01372B)
• Antique Turquoise Parlor color palette (#FAF2F7, #D0E0FD, #74ACD4, #42897E, #354869)
• Soft Cobalt Canyon color palette (#F9E9F2, #A4CAE2, #398CD0, #006C67, #1B295B)
• Worn Canyon color palette (#F5F6EF, #B1CEB3, #008894, #006157, #00424E)
• Ancient Station color palette (#EDE1E9, #54A0A8, #00617D, #003D2C, #000A18)
• Weathered Cerulean Orchard color palette (#EFF6FF, #E9D4EB, #EBB0D1, #5296B9, #343E5B)
• Periwinkle Canyon color palette (#D5E6FF, #7FA7FC, #6A903F, #9B6C00, #1C2C44)
• Feathered Petrol Garden color palette (#F4E5EC, #62ACD0, #1667B5, #004A4A, #0B0443)

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