Pine Basin color palette — #E4FBF5 · #83B181 · #007E43 · #3F5A29 · #11433F

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

The five colors

• Ivory (#E4FBF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#83B181): A luminous, balanced green — the color of new leaves after rain.
• Olive (#007E43): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#3F5A29): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#11433F): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Pine Basin 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

• Worn Olive Drift color palette (#E9FAF2, #A7B786, #617D4B, #3C625F, #2E4941)
• Clover Pier color palette (#DBFAED, #71BD6C, #007E60, #4C5024, #002723)
• Gentle Boulevard color palette (#CEF5ED, #54A75C, #006C3E, #004F3F, #0E3714)
• Softworn Lagoon color palette (#FAF5E2, #86D07F, #009E78, #696D3F, #3A3B34)
• Teal Summit color palette (#CFF3EC, #00B6AD, #008387, #006168, #19435F)
• Teal Ridge color palette (#E3FCEF, #AFDDAC, #37BDA4, #8F8B53, #244322)
• Softworn Amethyst Lagoon color palette (#CDF2FF, #008EAD, #704CED, #00743F, #003744)
• Softworn Olive Harbor color palette (#E7F9FF, #00A7B3, #8B8200, #006970, #413C00)

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