Pine Lagoon color palette — #E6E7D1 · #307D4F · #004233 · #400725 · #001507

Teal and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E6E7D1): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#307D4F): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004233): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#400725): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#001507): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Muted Olive color palette (#E8E2D2, #60760C, #0F4400, #37083F, #0C1200)
• Washed Lagoon color palette (#EFF2DC, #478969, #005145, #422800, #002113)
• Worn Aubergine Parlor color palette (#DEEEE7, #58926D, #00605B, #5D1054, #001507)
• Timeworn Olive Drift color palette (#FAEAD3, #A0A25A, #508545, #582E00, #191500)
• Moonless Bronze Courtyard color palette (#F4E8CE, #926E00, #413200, #181100, #050300)
• Aubergine Canyon color palette (#FDEBCB, #644700, #004A4F, #4F005A, #0C0600)
• Frosted Hollow color palette (#EAEFD0, #3FA780, #00695F, #6F243B, #003726)
• Faded Hollow color palette (#FFEAD1, #805500, #004996, #3E2700, #000E28)

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