Worn Pine color palette — #FEF2EE · #BEDEC5 · #569FC6 · #247E53 · #293A5A

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

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Celadon Mist (#BEDEC5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#569FC6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#247E53): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#293A5A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Washed Sky Boulevard color palette (#F9F3F8, #D4D4E3, #0FB4F3, #0B8450, #1C2F49)
• Worn Ridge color palette (#FCF3ED, #BFE9E7, #7FA8D7, #478879, #5D3B51)
• Hazy Terrace color palette (#F6EDE5, #93CDEA, #5486D4, #006D62, #2D2359)
• Timeworn Cerulean color palette (#F0F7F1, #AACBD8, #0086A2, #006154, #0D3F58)
• Mint Grove color palette (#D0E6D1, #4EC8A9, #00919F, #00678A, #1A4166)
• Muted Lagoon Orchard color palette (#F9F4ED, #C9EACF, #4CC2E4, #00A28E, #174435)
• Aged Summit color palette (#E2F4E7, #44B9CE, #DC7167, #008091, #59201C)
• Hushed Lagoon Pier color palette (#E9FBEA, #DCDFF6, #D0BAEA, #659A7B, #2A4B3B)

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