Pine Basin color palette — #FFF1F6 · #AC90CC · #B6844E · #0A844D · #462934

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mauve (#AC90CC): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#B6844E): A luminous, balanced gold — the color of honey in a jar.
• Fern (#0A844D): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#462934): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Pine Harbor color palette (#FFF2EE, #DA808E, #B78440, #088357, #472A23)
• Frosted Bronze color palette (#FFF0F7, #A59ADE, #B36C3F, #006E56, #2D345D)
• Mallow Ridge color palette (#FCF5DD, #C5A0DE, #B76E7A, #007275, #543236)
• Lilac Meadow color palette (#F2F5FF, #ADA5FF, #7CAE67, #4F8057, #1E2337)
• Misty Amber Lantern color palette (#E8FBEC, #3EB0BD, #C87756, #527C39, #213927)
• Timeworn Amber color palette (#FDEBDC, #C97936, #559245, #006A8B, #37200A)
• Linen Parlor color palette (#FCF0FF, #BB6175, #886E00, #4A5A1E, #3C2D3F)
• Weathered Mallow Drift color palette (#FFF1F5, #D0A0FF, #E79488, #5D99B1, #3F2D33)

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