Pine Lagoon color palette — #D3F3EB · #007B4F · #00403A · #390E09 · #000404

Built around Pine, softened by Onyx — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D3F3EB): A whisper-light, dusty teal — the color of sea glass.
• Pine (#007B4F): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00403A): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#390E09): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#000404): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Pine color palette (#E1E0D0, #007F5A, #004042, #3D0D25, #00140B)
• Olive Chapel color palette (#DCEADF, #617000, #01430C, #271D00, #020300)
• Emerald Delta color palette (#D5E8E0, #6A9D64, #00654B, #114333, #001614)
• Tempered Lantern color palette (#E0E4CD, #00A960, #005C41, #302C00, #000200)
• Hazy Parlor color palette (#C3EDE8, #1E7E34, #650062, #00340D, #080007)
• Eclipse Aubergine color palette (#E6F3E8, #005926, #66006F, #57003C, #000200)
• Cerulean Dune color palette (#F8E5F3, #009CA7, #005169, #002D1F, #00050D)
• Worn Grove color palette (#DEFAEA, #8BB860, #107F4E, #544D19, #002721)

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