Pine Lagoon color palette — #D1E5EC · #85CFFB · #B090E6 · #227F42 · #002D34

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

The five colors

• Frost (#D1E5EC): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#85CFFB): A whisper-light, balanced blue — the color of open sky before noon.
• Wisteria (#B090E6): A luminous, balanced violet — the color of wild irises.
• Olive (#227F42): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#002D34): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light.

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

• Fern Basin color palette (#D8EAE9, #8BD4DD, #92A3E5, #5D6900, #002928)
• Dusty Wisteria Coast color palette (#D7E6F0, #9FBDFF, #D27EBF, #007E6C, #0A2444)
• Lilac Dune color palette (#E3FEE2, #C3E7FF, #B8A8FF, #2C7337, #001507)
• Weathered Thicket color palette (#E3F4E7, #8ABFDC, #5E82DA, #00564B, #002E3A)
• Pale Peony Boulevard color palette (#CEE4F7, #9F96E9, #C26584, #00545D, #05012B)
• Blush Corridor color palette (#E7F0FF, #E6C3FF, #F29491, #0089A9, #2D304C)
• Aged Delta color palette (#E7F9FF, #D8D9E8, #D4BADD, #72A58D, #3A5160)
• Hushed Ember Studio color palette (#EBE4C5, #FF563F, #00A0A2, #002222, #00090D)

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