Pine Lagoon color palette — #FFF2EE · #6CE0DE · #009BBF · #007923 · #00345F

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Lagoon (#6CE0DE): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#009BBF): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007923): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00345F): A deep, shadowed, balanced 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

• Muted Cornflower color palette (#FFF2EA, #64DCFF, #1291EB, #00755D, #26286C)
• Misty Turquoise Harbor color palette (#FFF0FA, #B1FFFE, #00ABCB, #00764B, #00283E)
• Antique Veranda color palette (#F7E6E1, #54C4CB, #0080A8, #005D2E, #031E43)
• Turquoise Market color palette (#F6F6E7, #A2E9E6, #00C1CB, #009A86, #003A42)
• Lilac Chapel color palette (#D3FFFE, #B4E1FF, #B3A7FF, #438C50, #003E4A)
• Hushed Teal Villa color palette (#E0F0E1, #00BF9A, #008E8E, #005F6E, #003558)
• Iris Loft color palette (#FAF4ED, #B1D9FF, #8591CD, #25797D, #4F2F3C)
• Rust Pier color palette (#BEE9E5, #00A199, #D25200, #8D5D00, #002B28)

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