Pine Basin color palette — #DEE8E8 · #B1CACB · #7DAFB5 · #00743F · #0D2423

Built around Pine, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Frost (#DEE8E8): bright and airy, almost weightless.
• Oat (#B1CACB): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7DAFB5): A luminous, dusty blue — the color of open sky before noon.
• Pine (#00743F): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#0D2423): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Forest Courtyard color palette (#E3ECEE, #A0BABF, #719DAB, #006151, #051719)
• Worn Lagoon Ridge color palette (#E6E8E0, #B3C5BB, #90AFA4, #49925C, #1E210E)
• Dusty Jade Courtyard color palette (#D2E8E4, #53A770, #00734F, #285025, #00220D)
• Ancient Lagoon color palette (#EAF8FB, #CAE3EB, #9CC5D6, #008A81, #1F373C)
• Pale Clover Terrace color palette (#C5E7EB, #00D16F, #00AF92, #008181, #00201A)
• Airy Navy color palette (#D2ECE5, #009676, #006664, #06298D, #001B16)
• Cerulean Balcony color palette (#D6E8E5, #29A4B0, #00809D, #4A4471, #2E1A40)
• Cypress Ridge color palette (#C8F1F7, #007162, #433D43, #002B2A, #000C0E)

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