Pine Atelier color palette — #F0E4F1 · #71D3CD · #00A2C2 · #1C8319 · #00213B

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

The five colors

• Blush (#F0E4F1): A whisper-light, dusty pink — the color of a candy shop window.
• Aqua (#71D3CD): A luminous, balanced teal — the color of sea glass.
• Cerulean (#00A2C2): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#1C8319): A full-bodied, vivid green — the color of a quiet forest floor.
• Midnight (#00213B): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Veranda color palette (#ECDEE7, #7FCDE4, #1897F3, #008065, #161944)
• Patina Petrol Study color palette (#F0E9DF, #63C4BF, #008490, #005C42, #00242E)
• Soft Periwinkle color palette (#FDF1F8, #A0E5FF, #64AFFF, #009A81, #2B2A61)
• Muted Sky color palette (#D2E9E1, #83CDD9, #23BFFB, #A27900, #032C16)
• Faded Emerald Drift color palette (#FAF2F9, #9CF7F7, #26C8F8, #3EA957, #204166)
• Denim Coast color palette (#EEDBD1, #6DA9A5, #006373, #003C1F, #000C16)
• Timeworn Sapphire Terrace color palette (#F6E3E8, #69A7D8, #4B5DF5, #005D5E, #0F0022)
• Airy Clover color palette (#D8ECDD, #5CC868, #009953, #0C6310, #001101)

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