Pine Atelier color palette — #FCF1FC · #D3D4E4 · #3DBEEB · #0E8E42 · #103560

A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Silver (#D3D4E4): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#3DBEEB): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#0E8E42): A full-bodied, balanced teal — the color of sea glass.
• Navy (#103560): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Washed Garden color palette (#FDF1F7, #D5D4E2, #74B1FF, #008A78, #302A66)
• Tempered Azure Boulevard color palette (#FFF0FD, #BFFBFF, #00A8DD, #007740, #002154)
• Pale Corridor color palette (#FAF4EB, #CEEFCF, #00CCE8, #00A988, #00475D)
• Dusty Forest color palette (#FFF2EE, #9FDBDC, #008CB3, #006B2F, #214168)
• Ash Basin color palette (#FAF3F8, #D5D4E2, #B8BFE5, #659DA0, #414E64)
• Hushed Spruce color palette (#F4EAF5, #6DC9C6, #00738D, #00420D, #000309)
• Patina Denim Parlor color palette (#F8ECF2, #66ADC6, #00559A, #002C23, #01000A)
• Tempered Cobalt Studio color palette (#FFF0F8, #A0D4EE, #487AC3, #005249, #0D002F)

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