Pine Basin color palette — #EFEED5 · #6BA972 · #00845F · #006264 · #001503

Fern and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFEED5): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#6BA972): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00845F): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006264): A full-bodied, dusty teal — the color of sea glass.
• Ink (#001503): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Pale Olive color palette (#F0E7D5, #959F52, #4A8200, #006648, #0F1100)
• Faded Pine color palette (#EAE4D0, #84A53E, #158719, #005A90, #0B1200)
• Weathered Harbor color palette (#E7DECB, #669240, #006248, #003E53, #071300)
• Weathered Alley color palette (#F0F0E2, #75B98B, #009477, #535F98, #00220E)
• Cerulean Delta color palette (#EBE5DC, #59C0D6, #008FBC, #006D68, #001527)
• Washed Lagoon color palette (#EAE5D0, #A7C591, #52A667, #57789C, #2C2A0B)
• Obsidian Pine color palette (#D3E4E1, #247A47, #00412B, #00251F, #000401)
• Violet Courtyard color palette (#E2E3F8, #7759FF, #BD4D00, #007957, #070122)

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