Pine Lagoon color palette — #FFEBDE · #007952 · #004262 · #3E1700 · #001B1A

Pine and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFEBDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pine (#007952): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004262): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3E1700): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#001B1A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. 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

• Nocturne Navy color palette (#F2E7DA, #00665B, #002C68, #241500, #000E11)
• Softworn Olive color palette (#F7E1DD, #676C00, #004743, #490020, #021D01)
• Tempered Dune color palette (#F9EADB, #837C39, #1D5200, #003638, #1E1B00)
• Ultramarine Orchard color palette (#F5E3B6, #00908A, #1739CB, #473600, #002F39)
• Aged Terrace color palette (#F3E8D8, #009392, #006085, #6B0030, #001A1E)
• Faded Lagoon color palette (#CFE9D3, #74B439, #008990, #4500E6, #001E29)
• Washed Denim Archive color palette (#E4EBD5, #589984, #056590, #433B00, #062F12)
• Dusty Aubergine Corridor color palette (#DCE2C1, #0084A3, #583390, #003F0C, #002547)

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