Pine Basin color palette — #EDF8F4 · #88BCB1 · #528150 · #34616F · #304843

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Mint Leaf (#88BCB1): A luminous, dusty teal — the color of sea glass.
• Fern (#528150): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#34616F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#304843): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Stone color palette (#E7F7EB, #AFBA7D, #5E7F5B, #4F5469, #172C25)
• Patina Olive color palette (#E6FBEF, #A5A868, #607300, #7F363C, #154434)
• Cerulean Bloom color palette (#EEF8F6, #B9E4F3, #009CAE, #18706A, #2C4C5C)
• Weathered Villa color palette (#D4F3EE, #3AAA6C, #006B4D, #004B5D, #00381D)
• Softworn Taupe Corridor color palette (#FDF2F5, #B3E1CB, #97B690, #908CA6, #31483D)
• Antique Cabin color palette (#FBF4E9, #C3C99A, #749C6C, #876778, #4F4200)
• Muted Boulevard color palette (#F5F4FF, #BB89CE, #0099BB, #804E92, #22475A)
• Moonless Cypress color palette (#DBF1F2, #006D5C, #00332F, #00182B, #000806)

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