Pine Station color palette — #FFF2EB · #7BDEDC · #009DB8 · #007748 · #003752

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#7BDEDC): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009DB8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007748): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003752): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pine Station 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

• Gentle Canyon color palette (#FFF2EA, #7BDAF8, #0094E1, #007369, #122C6F)
• Tempered Turquoise color palette (#FEF1FA, #B0FFFE, #00ACCA, #007749, #00283D)
• Linen Station color palette (#F6F7E4, #80EFED, #00C1CD, #009987, #003A43)
• Washed Cypress color palette (#E8FAF6, #6FC9C7, #007D84, #00574C, #003A43)
• Softworn Hollow color palette (#FCF4EB, #B1E0D3, #7C92D5, #00798A, #3B3459)
• Tempered Lagoon Workshop color palette (#FBF3F0, #C3E1E8, #93BCA8, #5D937F, #2E524A)
• Mallow Basin color palette (#EFF6FF, #E1D6FF, #F1A1DC, #0088A6, #2C356F)
• Denim Alley color palette (#F4E4DC, #529FB1, #005F89, #003C33, #00071F)

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