Pine Basin color palette — #BEF4F4 · #008357 · #005663 · #4B2A00 · #222700

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

The five colors

• Honeydew (#BEF4F4): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#008357): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005663): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#4B2A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#222700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.

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

• Linen Aubergine color palette (#CCEFF7, #007F77, #005179, #3C0082, #002D0B)
• Hazy Garnet color palette (#CCF2E1, #747300, #005A3B, #64001B, #361E00)
• Emerald Hollow color palette (#C8F7ED, #5FA565, #006C3E, #264F00, #00390C)
• Inked Forest Dune color palette (#C7F4F8, #006A56, #002522, #001012, #000204)
• Clover Corridor color palette (#D8FEFF, #00D656, #00B88E, #007E7C, #003028)
• Timeworn Teal Pier color palette (#CAE5E1, #00A6A1, #007479, #004C54, #0F3048)
• Petrol Meadow color palette (#E5FBF6, #6EC8D0, #007C8C, #005652, #003947)
• Washed Delta color palette (#CDEEFD, #007C8E, #0533C1, #4F0066, #002C20)

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