Pale Pine color palette — #FFF2EE · #CDE2F9 · #00C2E8 · #2F8C2D · #00375F

A conversation between Olive Leaf and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Frost (#CDE2F9): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00C2E8): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#2F8C2D): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00375F): 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 Pale Pine 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

• Sky Chapel color palette (#FDF3ED, #D5D7E7, #60B5FF, #008B6D, #2B305B)
• Dusty Study color palette (#FFF2EE, #B4FEFF, #00A9D6, #007832, #00244B)
• Pale Boulevard color palette (#EAFAED, #A0F7F2, #00CEE0, #41A581, #004759)
• Antique Forest color palette (#FEF1F9, #8BE0DB, #008FA4, #006B3A, #004662)
• Patina Powder color palette (#FBF3F0, #C0E2EA, #AFC4F8, #67A083, #594656)
• Dusty Seafoam Loft color palette (#E2FFD9, #37F7B6, #00AAA3, #00687A, #003B55)
• Dusty Moss color palette (#E5FEDB, #E8ECF8, #D7C6CB, #73A55E, #00444E)
• Timeworn Ember Quarry color palette (#D6FFF8, #35DCCB, #E85600, #9D6600, #002824)

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