Pine Basin color palette — #E7F7EA · #9AB274 · #007F52 · #5E490D · #00271F

Teal takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9AB274): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007F52): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#5E490D): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#00271F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, 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

• Cypress Delta color palette (#E8F6EF, #85AC87, #007567, #25503F, #00221F)
• Muted Jade Studio color palette (#E4F7EF, #6ABC89, #007B76, #683B56, #002726)
• Ancient Olive color palette (#F9EEF4, #9DBDA3, #6E7D2D, #296056, #1B2C1F)
• Fern Ridge color palette (#D8EBD6, #9C9A20, #116E11, #00474D, #181700)
• Wandering Emerald Loft color palette (#FFF4E0, #A5C96D, #259D6C, #7B6632, #3B3B34)
• Quiet Clover color palette (#E7EFDE, #0EC360, #008577, #00525D, #002638)
• Aged Pine color palette (#CDE8DF, #138E5E, #004E4E, #242E00, #000A0A)
• Aged Aqua Courtyard color palette (#D1FBFF, #00C9D6, #007B7F, #003F46, #001313)

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