Soft Pine Lagoon color palette — #FAF0E2 · #9BB264 · #00804B · #005567 · #262100

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9BB264): A luminous, balanced green — the color of fresh herbs.
• Teal (#00804B): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005567): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#262100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Soft 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

• Pine Basin color palette (#FAF6E1, #81B369, #217C49, #005E57, #2B4220)
• Pale Boulevard color palette (#FCEFE4, #B9A764, #527900, #5D3E69, #2B1E00)
• Worn Teal color palette (#F6F3DE, #74B991, #007B78, #47530C, #002815)
• Weathered Moss Dune color palette (#E7E1D5, #749B59, #00654B, #003F54, #141300)
• Dusty Moss Meadow color palette (#F6E1C7, #969D00, #006F26, #621D59, #161800)
• Soft Pier color palette (#E2FCF2, #B6EA9D, #2CAC65, #007C73, #1F3513)
• Lagoon Alley color palette (#F6F1E9, #C9C59F, #618F75, #765959, #32312A)
• Cerulean Veranda color palette (#F9EFEB, #90DFE5, #008FBD, #006636, #07234C)

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