Timeworn Pine color palette — #FFF2ED · #BCDFC3 · #5B9EC2 · #337C55 · #273A5D
A conversation between Teal and Blue Fog, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Celadon Mist (#BCDFC3): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#5B9EC2): A luminous, balanced blue — the color of deep harbor water.
- Teal (#337C55): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#273A5D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, 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 Balcony color palette (#FDF3EB, #AFE1CF, #7C94CB, #007C77, #502E3F)
- Tempered Field color palette (#EFF8F0, #A6CCDA, #0086A2, #006154, #0E3F58)
- Weathered Powder Dune color palette (#FCF3F0, #CDE9E2, #88B9CF, #828B65, #5F4A60)
- Wandering Pine color palette (#EAF2DD, #57BF8D, #B37DC6, #008758, #482355)
- Sky Thicket color palette (#FAF4EB, #AFEDF4, #44C3E6, #00A28E, #144435)
- Hushed Denim color palette (#EADCD5, #619DA7, #005F89, #003E27, #01002F)
- Airy Orchard color palette (#FAE8DE, #7FBCCB, #227BB6, #005C44, #11174D)
- Iris Coast color palette (#FFF3E5, #9ED0FF, #6F7BFF, #007176, #401E60)
Browse the whole catalog at Explore, or see today's palette.