Pine Basin color palette — #E1F7F4 · #99BF95 · #B68ABD · #537F4E · #322C47

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

The five colors

• Ivory (#E1F7F4): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#99BF95): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#B68ABD): A luminous, balanced pink — the color of neon signs at night.
• Fern (#537F4E): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#322C47): A deep, shadowed, dusty violet — the color of wild irises.

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

• Weathered Harbor color palette (#E1F6FC, #72C4C0, #C68894, #05837F, #3C2940)
• Bronze Thicket color palette (#EAF5ED, #C4B281, #9396CE, #886E1A, #273049)
• Pine Canyon color palette (#E8F9F7, #98BB96, #60A0CE, #37863A, #325069)
• Muted Cabin color palette (#F5F6EA, #AFCFA8, #D19CD1, #5AA04B, #664148)
• Softworn Hollow color palette (#DCF9F5, #78AB79, #A67BB1, #976689, #112D2A)
• Patina Ash color palette (#E3F7F3, #C7E0F3, #B9B1B9, #729D8B, #2B4242)
• Worn Grove color palette (#FDEDF2, #A8C3AF, #9F7583, #6A4E5F, #1D3129)
• Patina Loft color palette (#E9F4F7, #E5B89E, #2C6D6D, #15363F, #0A1619)

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