Pine Basin color palette — #E7F5F5 · #87BFBE · #AB8CCB · #008753 · #392849
A conversation between Fern and Mauve, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7F5F5): a clean, paper-quiet neutral.
- Ash (#87BFBE): A luminous, dusty teal — the color of shallow lagoons.
- Mauve (#AB8CCB): A luminous, balanced violet — the color of a velvet chair.
- Fern (#008753): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#392849): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. 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
- Hushed Olive Lagoon color palette (#E7F6F1, #ACBB87, #9594D4, #667C00, #2E2C4F)
- Cypress Orchard color palette (#E8F4F8, #7EC1BF, #C98986, #008281, #41263F)
- Pine Hollow color palette (#ECF8F7, #86C098, #689DD3, #3C8357, #3C4F63)
- Washed Atelier color palette (#DDF8F8, #74AA8C, #A87BAA, #A06085, #072D2E)
- Blush Bloom color palette (#F5F7E8, #ADD0A0, #E793BA, #6D9B5C, #644341)
- Weathered Study color palette (#EBF5EB, #A7C3B2, #708B71, #794B31, #1B312A)
- Driftwood Canyon color palette (#E5F6F4, #CBDEEF, #B6C0DE, #878F55, #284649)
- Wandering Drift color palette (#E2F6FF, #4FB3C8, #CE6F57, #007183, #481306)
Browse the whole catalog at Explore, or see today's palette.