Pine Lagoon color palette — #ECDBD4 · #78D0D7 · #009FD3 · #008247 · #001C4A

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

The five colors

• Bone (#ECDBD4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Aqua (#78D0D7): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009FD3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008247): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#001C4A): 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

• Airy Azure Hollow color palette (#F7ECE5, #8BCAE6, #5A93E1, #007F6F, #1D1644)
• Linen Periwinkle Balcony color palette (#FAEBE3, #B4DFC6, #5AABF1, #009475, #232954)
• Timeworn Workshop color palette (#D4E4D7, #76C0C4, #00829A, #005B4B, #002332)
• Wandering Atelier color palette (#D3E3D5, #00AB8B, #008A91, #006076, #00213C)
• Sky Study color palette (#D1E2E7, #00C2EA, #0090B2, #006172, #000A0E)
• Ember Lantern color palette (#D2E6E9, #009FAD, #DA4F1D, #965D00, #001518)
• Tempered Emerald Studio color palette (#AAEDF0, #AED3FC, #CAA0E4, #509C5F, #002738)
• Antique Ridge color palette (#EEE1EC, #56ACB0, #006180, #003C1B, #000A20)

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