Pine Lagoon color palette — #FFF0FA · #A7E9E6 · #00AEC9 · #00884F · #0C4561

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Sea Foam (#A7E9E6): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00AEC9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00884F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#0C4561): A deep, shadowed, dusty 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

• Airy Cerulean color palette (#FEF0FA, #66E0E3, #009CBC, #00764E, #003755)
• Muted Azure color palette (#FCF2F7, #AEE5FA, #1DA2FB, #00837B, #2F3E65)
• Aqua Field color palette (#FFF2EE, #A3F6F1, #00CAF3, #5EA45B, #0D426C)
• Aged Lagoon color palette (#F9F3F8, #D6D5E8, #84B9D5, #4C9682, #465464)
• Bronze Grove color palette (#DEEDFF, #72B3FF, #898000, #AD6A00, #123154)
• Aged Cabin color palette (#EEF6FF, #E2D6E6, #FFAFF1, #009AC0, #3C3D64)
• Tempered Denim Market color palette (#F4E5EE, #5D9DB0, #005E8E, #003C36, #000428)
• Cobalt Balcony color palette (#F7E9F0, #85BACF, #007AC3, #005A54, #0E1A47)

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