Timeworn Pine color palette — #FAF2F8 · #96E5E5 · #3BA4BF · #277E57 · #223D53

Teal and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Ice Blue (#96E5E5): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#3BA4BF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#277E57): A full-bodied, balanced teal — the color of sea glass.
• Navy (#223D53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Periwinkle color palette (#FFF1F6, #ACDBFB, #6A96DA, #007B81, #2F3957)
• Antique Forest color palette (#FBF1FC, #9CCEDE, #3A829E, #0F6330, #233C59)
• Emerald Atelier color palette (#FDF2F0, #CEE8D0, #6CBEE1, #14A657, #233B5C)
• Dusty Turquoise color palette (#FBF2F8, #D2D7ED, #82BCC9, #5E918F, #425563)
• Patina Balcony color palette (#E8DBE4, #25A5AD, #00627B, #003D2A, #000A16)
• Weathered Powder color palette (#D9FEF8, #A4EBF4, #83CCE7, #888456, #1C4748)
• Petrol Atelier color palette (#F9EAF5, #6BC0CC, #0080A7, #005B47, #00203E)
• Gentle Lime Pier color palette (#F2F0E2, #B1BC00, #5C9A26, #267442, #084A3A)

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