Pine Basin color palette — #F3F9DC · #8FD296 · #CF89D0 · #358A45 · #3D143E

Built around Fern, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Custard (#F3F9DC): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8FD296): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#CF89D0): A luminous, balanced pink — the color of a candy shop window.
• Fern (#358A45): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#3D143E): A deep, shadowed, balanced pink — the color of a candy shop window.

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

• Faded Emerald color palette (#EEF1DE, #8DD38F, #EC9AE6, #24A136, #4C2449)
• Patina Lilac color palette (#FBF6DD, #BCC86D, #B292ED, #747E00, #2D1E46)
• Linen Parlor color palette (#ECFAE5, #4CEACF, #DD6F93, #008A77, #441426)
• Lagoon Garden color palette (#EEFAE3, #86EBC8, #ECA1C0, #20A07D, #55263B)
• Peony Harbor color palette (#D7EFEA, #70A159, #C14DA4, #2A5F00, #300C27)
• Softworn Study color palette (#F0FBD3, #4AC07A, #7B8DEC, #B46552, #181F00)
• Muted Lagoon color palette (#FFF3E4, #D8C697, #A48457, #794C2A, #2B2000)
• Wandering Veranda color palette (#EDF9EB, #E9CC91, #00736D, #002F2D, #010501)

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