Weathered Pine color palette — #FCF3EF · #BDE9F3 · #69B0D5 · #387F58 · #1D2E4D

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Frost (#BDE9F3): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#69B0D5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#387F58): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1D2E4D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Periwinkle Atelier color palette (#FBF4ED, #C2E4F6, #84A5EA, #008079, #432134)
• Lagoon Loft color palette (#EFF8F0, #C2E7F5, #5EC1DE, #00A28E, #01405B)
• Iris Harbor color palette (#FEF3EA, #C4F1DF, #6C91D5, #006B63, #1F163D)
• Aged Courtyard color palette (#FBF2FA, #9BCEE1, #0082B3, #00633B, #283B57)
• Muted Denim Hollow color palette (#F2DED4, #6FAEB9, #005B85, #002D1C, #00000C)
• Driftwood Parlor color palette (#FCF3F0, #C1E1E7, #98D0D0, #739E7E, #5B445B)
• Timeworn Ultramarine Hollow color palette (#FAEBDF, #7DBFEB, #4461B3, #003E3C, #04000F)
• Faded Olive Market color palette (#F5F7E1, #91D380, #D986BE, #3E8B24, #431036)

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