Weathered Pine color palette — #FFF2EE · #99E4E4 · #53A1BE · #407B4C · #213C5C

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ice Blue (#99E4E4): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#53A1BE): A luminous, balanced blue — the color of open sky before noon.
• Olive (#407B4C): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#213C5C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Weathered 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

• Tempered Periwinkle color palette (#FBF3EE, #A6DEF6, #6B98D0, #2E7B6C, #4C3042)
• Timeworn Pine Study color palette (#F9F3F7, #D3D5E5, #52B5CF, #0A8355, #00324D)
• Lagoon Market color palette (#EEF8F5, #A5CCD9, #008894, #006157, #00424E)
• Aged Orchard color palette (#FCF3F0, #BDE7EB, #82BBCD, #858A63, #34514A)
• Misty Hollow color palette (#E8DCD7, #4BC4D3, #007EAF, #005D39, #0D1D40)
• Dusty Harbor color palette (#F3E0D9, #33A4AB, #006181, #003E1E, #00081F)
• Pale Ultramarine Meadow color palette (#FBEBDF, #3CB0D9, #0064C1, #004B40, #12063C)
• Faded Lime Summit color palette (#EDF2D2, #65D66B, #B774D5, #25752C, #412B4C)

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