Timeworn Pine color palette — #F9F3F8 · #BFE3F1 · #4B93B8 · #007546 · #354964

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#BFE3F1): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4B93B8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007546): A full-bodied, balanced teal — the color of sea glass.
• Navy (#354964): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cypress Orchard color palette (#FAF3F6, #D9DEEF, #8499C4, #187F79, #4C516B)
• Wandering Hollow color palette (#FCF1F8, #A5CBE0, #447CB3, #00624F, #323563)
• Hushed Cerulean Boulevard color palette (#F6F1EA, #CCE3D0, #009DBC, #086E5E, #0D3427)
• Lagoon Alley color palette (#BCF4EE, #68BA9F, #008A8C, #006379, #24456B)
• Ancient Petrol Terrace color palette (#E9F8FF, #83C4DF, #008198, #004961, #00313A)
• Dusty Driftwood Bloom color palette (#E9F8FF, #60ADBC, #C16E6C, #007283, #623232)
• Weathered Onyx color palette (#E6DBE3, #5C9AA8, #004E78, #003122, #060346)
• Hushed Basin color palette (#FBE8EE, #5E84A7, #2A2E85, #002223, #100021)

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