Weathered Pine color palette — #FBF2FA · #A7E8ED · #33A8D9 · #1F864F · #253F69

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sea Foam (#A7E8ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#33A8D9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#1F864F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#253F69): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Chalky Station color palette (#FDF2F6, #B2E3FF, #6999F5, #00837A, #41356C)
• Washed Azure Workshop color palette (#FFF0FC, #76DDED, #0097D6, #00764E, #122A75)
• Powdered Aqua color palette (#ECF9EE, #ACF3F9, #00CBF1, #00A890, #004661)
• Hushed Ridge color palette (#FAF3F7, #D8D5E6, #92B5D7, #5B9382, #485269)
• Muted Periwinkle Pier color palette (#E3EBFF, #8DACFF, #76A24F, #8C7D00, #222E52)
• Dusty Cerulean Lagoon color palette (#EFF6FF, #EBD5E5, #FFB7C2, #02A2C2, #463D6B)
• Cobalt Orchard color palette (#EFDDE5, #83B9DB, #5271BB, #005955, #231343)
• Ancient Denim Dune color palette (#F9E9F1, #629BB7, #2B569B, #003C36, #0B0027)

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