Worn Pine color palette — #FBF3F0 · #CEE3CE · #5495A6 · #007549 · #254C65

Built around Pine, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#CEE3CE): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#5495A6): A luminous, dusty blue — the color of open sky before noon.
• Pine (#007549): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#254C65): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Cypress color palette (#FAF4F0, #CCE5E4, #769DC3, #2F7C78, #64485E)
• Muted Station color palette (#ECF4F2, #B7E5F2, #10A0AA, #126D61, #0B313F)
• Wandering Cobalt Harbor color palette (#FDF3EE, #ADCFB7, #0382B2, #006150, #1E3B60)
• Patina Turquoise Garden color palette (#F5F6ED, #C2E5DB, #17BAC6, #378A7D, #344F3D)
• Chalky Lagoon Canyon color palette (#E4EEC2, #63BEA5, #008C86, #006774, #0F4F69)
• Dusty Cerulean Study color palette (#E9DCD6, #4B9EA7, #00516A, #003124, #00152A)
• Petrol Summit color palette (#DCFFEA, #7CC5D0, #007F92, #004A53, #00313B)
• Amber Coast color palette (#EBFAE9, #64AFAA, #C36F5B, #007571, #673023)

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