Pine Lagoon color palette — #E8F0E3 · #12861B · #004F31 · #00261A · #001014

Built around Olive Leaf, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#E8F0E3): bright and airy, almost weightless.
• Olive Leaf (#12861B): A full-bodied, vivid green — the color of fresh herbs.
• Forest (#004F31): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#00261A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001014): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged 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

• Washed Cypress Veranda color palette (#D2F3E2, #007B65, #004B47, #00282C, #00151B)
• Timeworn Olive color palette (#EAE4C2, #6F6E00, #314200, #0D2800, #001807)
• Worn Mulberry Chapel color palette (#CBECED, #00714F, #890057, #003624, #230013)
• Cerulean Terrace color palette (#D9F6F8, #00B3B5, #008CBA, #005416, #001F1D)
• Ancient Courtyard color palette (#C3E8DA, #005A46, #4900A3, #4F2100, #000A06)
• Washed Coast color palette (#C7EEE7, #00989B, #006E7D, #004659, #002F49)
• Powdered Violet color palette (#FADFCC, #885BFF, #008286, #061015, #000203)
• Feathered Courtyard color palette (#CDF0E4, #00C0B8, #007E83, #005D6E, #223D60)

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