Pine Basin color palette — #EEEFE1 · #007B51 · #00403B · #002232 · #000402

Teal and Forest set the tone — five colors that lean into calm and sophistication.

The five colors

• Cream (#EEEFE1): bright and airy, almost weightless.
• Teal (#007B51): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00403B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002232): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000402): a grounded near-black with real depth.

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

• Tempered Olive color palette (#F2EAD1, #417821, #00412B, #2C0B3E, #010400)
• Aged Lagoon Studio color palette (#C2EAEA, #00A685, #005A50, #003234, #000201)
• Worn Bronze color palette (#FDE7CD, #857A18, #324D00, #272349, #0C0700)
• Ancient Emerald color palette (#E7E2C8, #5DA05F, #00644E, #472D4F, #121400)
• Muted Moss color palette (#F6E1C8, #A79600, #486700, #32396B, #1A1600)
• Lowlit Aubergine Alley color palette (#F4EBFF, #6600A0, #394400, #003220, #020006)
• Jade Harbor color palette (#FAF2DB, #87B865, #007F52, #564269, #132703)
• Linen Navy Harbor color palette (#FBE7D6, #0896CB, #00488E, #002B2C, #03001C)

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