Timeworn Pine Coast color palette — #F1F3E6 · #87B183 · #9C7DC1 · #267823 · #2F1C44

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

The five colors

• Cream (#F1F3E6): bright and airy, almost weightless.
• Sage (#87B183): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#9C7DC1): A luminous, balanced violet — the color of a velvet chair.
• Olive (#267823): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#2F1C44): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Timeworn Pine Coast 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

• Patina Olive color palette (#F6F2E4, #A4A971, #718AD1, #666A00, #162350)
• Dusty Peony color palette (#ECF6E4, #68B59F, #BC6FA6, #007660, #3E1634)
• Powdered Pine Lantern color palette (#E1FCF8, #93C890, #BD97F0, #3B8E3A, #4A395F)
• Wandering Coast color palette (#F0F5E0, #639E6A, #9E64B4, #98488C, #1D2106)
• Sunlit Ember Chapel color palette (#F7F7E2, #86AE66, #D46247, #4A7321, #60352A)
• Plum Courtyard color palette (#DEE9CE, #27AF7B, #A5009A, #005B3C, #2B0027)
• Weathered Crimson Quarry color palette (#E7F7E5, #00AFA7, #E13B53, #006965, #44000D)
• Hushed Cypress color palette (#EDF4EC, #D7A78D, #00635C, #002F2B, #051003)

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