Pine Lagoon color palette — #FFF2EE · #8BEFEF · #19ABD5 · #22873E · #1C416A
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Sea Foam (#8BEFEF): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#19ABD5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#22873E): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#1C416A): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Airy Study color palette (#FFF2ED, #53E2EA, #0099C9, #00773E, #01306B)
- Timeworn Hollow color palette (#FDF1F9, #CCDCF3, #00C2E5, #008D59, #003956)
- Quiet Periwinkle color palette (#FFF2EA, #A9E5FF, #589DF5, #008473, #3B3966)
- Quiet Aqua Cabin color palette (#F6F6EC, #AFF3F2, #00CEDB, #00A894, #004853)
- Muted Corridor color palette (#E8FAF6, #91DEDE, #00909B, #00685C, #004854)
- Lagoon Harbor color palette (#FCF3EF, #C5F2EC, #8DB7D6, #5F937C, #614A5C)
- Muted Aqua Station color palette (#E2FAFF, #2CD7FA, #009AB1, #00626B, #002A33)
- Emerald Quarry color palette (#E2FFE0, #DEE7FA, #CCBEFF, #679F65, #0C4B53)
Browse the whole catalog at Explore, or see today's palette.