Pine Lagoon color palette — #CDF0E2 · #007C46 · #003F3C · #001F3C · #000403

Pine and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CDF0E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Pine (#007C46): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003F3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000403): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

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

• Weathered Olive color palette (#D8EDDE, #517500, #00412A, #340C29, #000403)
• Timeworn Meadow color palette (#E0E4CE, #00A779, #005A51, #00313B, #000201)
• Worn Atelier color palette (#E2F3E8, #689F4B, #00644D, #512A40, #001713)
• Weathered Bronze Atelier color palette (#F3E3E9, #8B7800, #2D4E00, #282051, #0A0700)
• Softworn Workshop color palette (#E6F7EA, #95B64C, #00804F, #633E5A, #00271F)
• Aubergine Bloom color palette (#F0EAFD, #5F00AA, #304600, #00321C, #020007)
• Muted Grape Dune color palette (#E7EAF8, #691ED1, #445000, #32006D, #020300)
• Washed Study color palette (#EBD9E1, #4194B9, #00439C, #002C27, #050019)

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