Worn Pine color palette — #E0EEEC · #96A2AA · #778CA3 · #0A7819 · #000C0B

A conversation between Olive and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#E0EEEC): bright and airy, almost weightless.
• Blue Fog (#96A2AA): a calm mid-gray that lets other colors speak.
• Slate Blue (#778CA3): A luminous, dusty blue — the color of deep harbor water.
• Olive (#0A7819): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Chestnut color palette (#E6F0E9, #92A4A7, #6E8E9B, #756200, #000D05)
• Cypress Loft color palette (#DFECEF, #9AA0AD, #8486A0, #007270, #000C0F)
• Softworn Garden color palette (#E5E8DE, #A1A799, #7D8C70, #005423, #080B00)
• Spruce Station color palette (#E6E8DF, #879180, #5D715F, #043404, #010100)
• Lagoon Summit color palette (#DCF2EA, #5A9966, #00735F, #424F00, #000901)
• Lagoon Studio color palette (#E7F0F2, #B8C0CE, #A1A6C6, #00948B, #0D2327)
• Garnet Pier color palette (#DAE1D4, #4C9981, #28748B, #6C2E2D, #1D0A00)
• Pale Lime Lagoon color palette (#D3F6F7, #ADAC00, #00A580, #0088A4, #000302)

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