Pine Atelier color palette — #FFF2EB · #76DFD9 · #009DB4 · #007741 · #003850

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.
• Lagoon (#76DFD9): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#009DB4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003850): 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 Atelier 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

• Azure Canyon color palette (#FFF2EB, #85D9F1, #0095DB, #007467, #0A2D70)
• Washed Alley color palette (#FFF0FA, #B2FFFA, #00ACC5, #007742, #00283B)
• Feathered Turquoise color palette (#F6F6EA, #97EBE7, #00C2C9, #009A84, #003A41)
• Cypress Garden color palette (#E4FBF5, #7AC8C3, #007D81, #005749, #003A41)
• Iris Summit color palette (#FAF4EE, #B9DED3, #7A93D3, #007A88, #3A3558)
• Pale Parlor color palette (#D0E5D6, #00BE89, #00918D, #006672, #00394B)
• Powdered Emerald color palette (#D6FEFF, #B7E5FF, #ABB7FF, #2C9D64, #003C46)
• Antique Aqua Courtyard color palette (#C1F4FF, #00CDDD, #008BA1, #00525F, #001C1F)

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