Pine Basin color palette — #E7FAF9 · #84BCBC · #BF83A6 · #15875A · #554566

A conversation between Fern and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E7FAF9): a clean, paper-quiet neutral.
• Ash (#84BCBC): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#BF83A6): A luminous, balanced pink — the color of neon signs at night.
• Fern (#15875A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#554566): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Petrol Parlor color palette (#E8F8FF, #7BBCC6, #CC827C, #00818F, #5D435A)
• Hushed Olive color palette (#E8FAF5, #A3B989, #A48CC4, #607E32, #484A69)
• Washed Pine color palette (#E5F6F6, #81C4A8, #C086B6, #068663, #342C44)
• Antique Mallow color palette (#F0F8EB, #87D7BE, #D698D6, #32A185, #644248)
• Timeworn Lagoon color palette (#E9F9FA, #CFDEEB, #C3B9E3, #668F61, #3F585B)
• Hushed Field color palette (#DFFCFD, #63A88D, #8580C1, #AB5F38, #2A484A)
• Hushed Chestnut Market color palette (#EBF9EF, #A1C1B0, #907E55, #755733, #374D45)
• Chalky Raspberry color palette (#E1FBFF, #00AB99, #CC467B, #006B60, #681439)

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