Pine Atelier color palette — #F8F3F8 · #CDE0F5 · #5DB0D6 · #338F58 · #324869

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Powder Blue (#CDE0F5): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5DB0D6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#338F58): A full-bodied, balanced teal — the color of sea glass.
• Navy (#324869): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Balcony color palette (#FBF2F8, #B3DBF1, #579BD9, #007F65, #31365F)
• Lagoon Delta color palette (#FAF3F6, #D9DEED, #99B2DE, #47968D, #4B516C)
• Ancient Parlor color palette (#F8F5EF, #CBE4CE, #009AB5, #167260, #2A5141)
• Hushed Teal color palette (#BDF2EB, #79C7AC, #00A9AC, #007896, #264D6F)
• Blush Coast color palette (#E9F8FF, #6FC6DA, #E7838C, #0090A7, #603337)
• Ancient Ultramarine color palette (#F2E5E9, #7197B6, #3C48B5, #003B3C, #0F0022)
• Antique Sapphire Field color palette (#EDDFE6, #7FBBD7, #2871D7, #005A50, #1F104D)
• Antique Rose color palette (#EDF7FF, #5AAEE4, #D37893, #D2576E, #213B4F)

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