Pine Lagoon color palette — #F5F6EF · #BEC59E · #4587A0 · #2C8134 · #22322A

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Pistachio (#BEC59E): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#4587A0): A full-bodied, dusty blue — the color of deep harbor water.
• Olive (#2C8134): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#22322A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Softworn Bronze color palette (#F8F5EE, #D0BE98, #3D8F6C, #7F6C00, #2C2F28)
• Dusty Alley color palette (#F3F2EB, #B9CC99, #328EB3, #667A3D, #0A1913)
• Tempered Cobalt Study color palette (#F2F7F1, #AACAA9, #577EB8, #007D7C, #362836)
• Periwinkle Cabin color palette (#F0F7F4, #C9DA9C, #6B9FDB, #849550, #262F39)
• Washed Corridor color palette (#EEFBDB, #B2CAA7, #359392, #00667A, #004E6C)
• Navy Summit color palette (#E1EEE2, #00878D, #003D7E, #003A3C, #00030E)
• Wandering Mulberry color palette (#FCF4E8, #78B6A3, #288496, #7C4367, #3C4D39)
• Worn Thicket color palette (#F2F7EC, #26BC8F, #006F8D, #00664B, #002416)

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