Pine Atelier color palette — #FBF3F0 · #C8E5CF · #5692B5 · #00754B · #37476A

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C8E5CF): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5692B5): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00754B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#37476A): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Cobalt Cabin color palette (#FAF4F0, #AFCDBD, #4B7BB0, #006151, #333463)
• Antique Cypress color palette (#F9F4EF, #CBE6E8, #8798C5, #007F7C, #664856)
• Cerulean Harbor color palette (#EEF4EF, #B7E4F6, #3F9AB6, #0E6D61, #0F2F44)
• Olive Bloom color palette (#FFF0FC, #6F85C8, #867E00, #43712D, #462F42)
• Softworn Turquoise Hollow color palette (#F9F4EC, #C1E7E0, #2FB5DA, #1B8D7E, #2E4F44)
• Softworn Spruce Veranda color palette (#F0DFDB, #488E8B, #004454, #002504, #000A18)
• Muted Cerulean Garden color palette (#FFF0FD, #E8D9D7, #EDB4BF, #3789A8, #583F4C)
• Soft Onyx Corridor color palette (#F9EAE3, #4B9CB2, #004C80, #003125, #0D0047)

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