Timeworn Pine color palette — #FFF2EE · #70DFE0 · #009BC3 · #007830 · #003364

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ice Blue (#70DFE0): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009BC3): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007830): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003364): A deep, shadowed, balanced blue — the color of open sky before noon.

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

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

• Ancient Pine Courtyard color palette (#FFF2EF, #C2DDBF, #43A3BD, #467B41, #173D5D)
• Faded Cornflower Boulevard color palette (#FFF2EA, #88D8F4, #268FEE, #007460, #292472)
• Faded Pine Study color palette (#FEF0FF, #B3FEFE, #00AAD5, #007830, #00244B)
• Forest Boulevard color palette (#EDDDD7, #78BFC2, #0080A6, #005D2C, #001E46)
• Hushed Turquoise Terrace color palette (#FCF4E7, #98EBEA, #00C0D7, #009B79, #00394A)
• Wandering Lagoon Harbor color palette (#FEF2ED, #CEEED8, #78ABD1, #398C6C, #5B3B55)
• Petrol Thicket color palette (#F9E5D8, #6EACC2, #0068B6, #004B3D, #0F063E)
• Faded Workshop color palette (#FFDFB9, #EA9D29, #4B6FEC, #905C00, #0F1A7E)

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