Pine Basin color palette — #EDF9F2 · #A1B98A · #46825E · #58576E · #2D4942

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

The five colors

• Ivory (#EDF9F2): a clean, paper-quiet neutral.
• Sage (#A1B98A): A luminous, dusty green — the color of fresh herbs.
• Fern (#46825E): A full-bodied, balanced teal — the color of sea glass.
• Graphite (#58576E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#2D4942): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Antique Lagoon color palette (#E7F6EC, #8DBFB3, #48836A, #53526B, #132D27)
• Jade Basin color palette (#E7FAF2, #74AB6E, #247259, #5A405D, #1F3B38)
• Ancient Hollow color palette (#FBF4E8, #B7CDA2, #629E83, #866871, #484400)
• Softworn Hollow color palette (#FBF2F7, #BFE2F8, #668EB6, #276F6C, #3A4861)
• Ancient Pine color palette (#DEF5ED, #20904D, #005144, #4E1B1D, #00220C)
• Tempered Bronze Bloom color palette (#FFF3E8, #E4A665, #9C611B, #663C05, #452601)
• Weathered Basalt Basin color palette (#F8F5EA, #D9D8AD, #89BA91, #A981A3, #484500)
• Pale Amber Veranda color palette (#FFF0F8, #E28351, #3391D0, #9A4D21, #204661)

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