Worn Pine color palette — #FBF2F9 · #D4D4E3 · #54B3D6 · #008261 · #073150

A conversation between Teal and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#54B3D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#008261): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#073150): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Muted Periwinkle color palette (#FDF2F5, #D9D3DE, #82A4F1, #007D8A, #2D2653)
• Aqua Basin color palette (#F5F6EC, #CBE9D0, #00C7E1, #19A098, #1E4330)
• Timeworn Market color palette (#EAF4F2, #86D7DE, #008B9E, #005C57, #00252F)
• Tempered Denim color palette (#E9DCE5, #73ADB6, #005D7C, #002C22, #000104)
• Timeworn Azure color palette (#F0F5FF, #E4D9E2, #B3B3A8, #479DCA, #2D3555)
• Muted Lagoon Boulevard color palette (#F9F3F7, #D3D5E5, #94D8EC, #67A082, #365066)
• Washed Lantern color palette (#F1F5FF, #9A9BF2, #C5882A, #868300, #171638)
• Dusty Market color palette (#F7EAF0, #90BED9, #1A65C0, #003D3F, #020013)

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