Weathered Pine color palette — #FCF3EF · #C2E1EB · #67AEE2 · #008360 · #1F2A57

A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Powder Blue (#C2E1EB): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#67AEE2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008360): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1F2A57): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Dusty Pine Villa color palette (#FFF2EE, #BAFCFF, #00A9DA, #007839, #00234F)
• Patina Cabin color palette (#EFF8F1, #BFE7FA, #5ABFE9, #00A198, #233D54)
• Antique Iris Pier color palette (#FCF3EC, #CEEAFF, #748CDE, #006A69, #250E43)
• Hushed Canyon color palette (#FDF1F9, #9CCDE3, #1F80B7, #1E6047, #2C3B54)
• Airy Seafoam Parlor color palette (#DDFFE8, #5EDECB, #0097AC, #006A98, #00325F)
• Hushed Delta color palette (#FAF3F0, #C5DDE3, #B1C1ED, #5BA380, #5E435A)
• Antique Thicket color palette (#EBF7FF, #ABE3FF, #0094C6, #004F69, #001119)
• Soft Coral color palette (#E5FBF1, #76CBF2, #F47D7A, #0081AB, #4A1012)

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