Pine Studio color palette — #FFF2EE · #CFDFF5 · #5CB3D1 · #437E4C · #3C243E

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Powder Blue (#CFDFF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#5CB3D1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#437E4C): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#3C243E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Pine Studio 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

• Periwinkle Boulevard color palette (#FDF3EA, #D9D5E0, #8CA3E6, #0E7F7C, #432132)
• Azure Parlor color palette (#FFF2EA, #BFEEFF, #5896D4, #006C58, #171743)
• Aged Lagoon Ridge color palette (#EAF9F5, #C0E8F3, #70C1C7, #379F8D, #104152)
• Gentle Veranda color palette (#E7FCEB, #00D7E9, #E88394, #008691, #411821)
• Muted Field color palette (#FCF2F8, #A6CCD7, #00869F, #00633E, #163F57)
• Worn Mint color palette (#E0FFE0, #00DFAA, #00A9AB, #006878, #08354E)
• Mallow Pier color palette (#FAF4ED, #C5E0F3, #D1BBEB, #7A9C7D, #5F454F)
• Teal Lagoon color palette (#F6E8E3, #4BB4B9, #005D7A, #002E12, #000105)

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