Pine Basin color palette — #EAF9F6 · #83BCB8 · #3E8361 · #6F4F5C · #294947

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

The five colors

• Ivory (#EAF9F6): bright and airy, almost weightless.
• Mint Leaf (#83BCB8): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#3E8361): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6F4F5C): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#294947): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Cabin color palette (#EFF8F2, #B4B380, #707A38, #724C5E, #31483D)
• Weathered Field color palette (#E7F6F0, #92C198, #408372, #575166, #0E2D2B)
• Ancient Basin color palette (#EAF9F6, #7DA787, #00754F, #514C21, #1C3C3A)
• Fern Summit color palette (#F8F6E9, #A2D2A8, #559F8B, #86696C, #404800)
• Washed Teal color palette (#EBF9F2, #BBE0BF, #70BCAF, #938BA6, #264A47)
• Weathered Lagoon Orchard color palette (#ECFAEA, #C69557, #00A17E, #8C5900, #134D3D)
• Cobalt Basin color palette (#EFF7F7, #C7DFF8, #558CD3, #1C6A8E, #384861)
• Pine Meadow color palette (#E3FDE7, #AD8000, #31904D, #9E4C51, #283E2D)

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