Pine Lagoon color palette — #EFD9E5 · #007B2D · #004457 · #3F1600 · #001B15

Olive and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#EFD9E5): A whisper-light, dusty pink — the color of a candy shop window.
• Olive (#007B2D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004457): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3F1600): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#001B15): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Navy color palette (#E0F3E3, #007761, #003E6F, #302200, #001A1D)
• Weathered Olive color palette (#F2DCF6, #6D6900, #004740, #46002B, #081C00)
• Onyx Market color palette (#FCECD4, #00756B, #004255, #3D0020, #000707)
• Tempered Navy Villa color palette (#CCF0CE, #009182, #004CAB, #4C3200, #002F36)
• Hushed Garnet Drift color palette (#DCEDDF, #009488, #00627C, #69003B, #001B1C)
• Navy Orchard color palette (#CFF6E7, #005652, #010673, #0C0F00, #000406)
• Soft Cabin color palette (#CAE8EF, #82A500, #008D88, #4B2FE0, #001C25)
• Misty Corridor color palette (#C4E7DE, #00859E, #533495, #213C00, #002642)

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