Pine Lagoon color palette — #FFF4DE · #97AB6F · #017333 · #45305D · #050900

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#97AB6F): A luminous, balanced green — the color of fresh herbs.
• Pine (#017333): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#45305D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#050900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Washed Emerald color palette (#E6E2CC, #619F67, #005B49, #421446, #000200)
• Aged Lagoon color palette (#FDF5DC, #A6C696, #398864, #6F414C, #0A1E00)
• Forest Boulevard color palette (#DCEDE2, #6F8436, #00541E, #3B1F51, #161E00)
• Olive Cabin color palette (#EEE8D0, #69842D, #275000, #4E1100, #090800)
• Soft Workshop color palette (#D1EBDF, #9AB268, #618E3D, #934D3B, #161E00)
• Patina Apricot Basin color palette (#FFF0E5, #E39034, #915000, #371800, #030100)
• Lagoon Delta color palette (#F8F6E8, #B7DBB8, #3F9D83, #7F594D, #272A11)
• Cobalt Parlor color palette (#FFF2EB, #94D7EF, #0081C6, #00524B, #010531)

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