Pine Basin color palette — #F3F4FF · #AC8ED6 · #AA8C31 · #19834F · #2F3047

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#AC8ED6): A luminous, balanced violet — the color of wild irises.
• Mustard (#AA8C31): A luminous, balanced green — the color of new leaves after rain.
• Fern (#19834F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2F3047): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Timeworn Moss color palette (#F7F3FF, #C686B8, #7D9B53, #00807A, #372D47)
• Softworn Olive Lagoon color palette (#F0F5FF, #849AE5, #BC804F, #6B7713, #273349)
• Weathered Wisteria Quarry color palette (#FFF1F6, #C599FF, #B79B51, #41825C, #311E26)
• Soft Study color palette (#F8F2FF, #CD8EB1, #A0783C, #006F50, #123866)
• Ancient Pine color palette (#E9FAEC, #DA99C6, #BB6C6F, #1F7635, #45364E)
• Cobalt Courtyard color palette (#EDF7FF, #1C89C6, #697A20, #005A7D, #233543)
• Pale Drift color palette (#FBE7FA, #D46B6D, #16957A, #006A8D, #351C34)
• Timeworn Blush Market color palette (#FAF1FF, #FF6DA7, #2A8A37, #00747B, #461A2B)

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