Pine Lagoon color palette — #FBF3F0 · #D1D8EB · #5AB0E4 · #008358 · #202D4D

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#D1D8EB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#5AB0E4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008358): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#202D4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Periwinkle Garden color palette (#FBF4ED, #D8D5E1, #84A5EC, #008079, #432233)
• Pine Corridor color palette (#FFF2EE, #B2FFFB, #00ABCF, #09791A, #002645)
• Washed Sky color palette (#EEF8F0, #B9E9FC, #6EBEDB, #479C91, #233D52)
• Wandering Iris Loft color palette (#FCF3EC, #C2F2DF, #5E8CF5, #006A65, #201739)
• Softworn Cerulean Loft color palette (#FAF2F9, #A2CCDE, #2083AA, #00624E, #213C5B)
• Wisteria Hollow color palette (#FFF1F3, #CF86D9, #00AE98, #00927F, #2F0F18)
• Ancient Coast color palette (#F1E6E1, #55B1C5, #005A8B, #002D1F, #00000B)
• Airy Cobalt color palette (#FFF2EB, #8CD9F1, #007ED1, #005341, #07062A)

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