Washed Pine color palette — #F9F3F7 · #CCE0F3 · #68B2C1 · #318F5A · #294C64

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#CCE0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#68B2C1): A luminous, dusty blue — the color of deep harbor water.
• Fern (#318F5A): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#294C64): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Washed 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 Ridge color palette (#FBF2F6, #D6DEFC, #85A6DB, #008B93, #3B4667)
• Wandering Aqua color palette (#FCF3EF, #B8EEF3, #75CAD9, #658D70, #21483A)
• Jade Chapel color palette (#E5F9FF, #D7DCE7, #D7C1E8, #5BA37E, #3C5664)
• Hushed Teal color palette (#BBF4EE, #7CC9AE, #00A69E, #007C86, #004B5F)
• Hushed Blush color palette (#E5F9FF, #78C8C6, #E48490, #009393, #672E36)
• Washed Turquoise Boulevard color palette (#E8F8FF, #91DEEA, #1EA9B6, #006872, #003842)
• Ancient Hollow color palette (#E7DAE3, #62B0B6, #00718E, #004C36, #001528)
• Bronze Loft color palette (#E7F9FF, #4BB7BE, #DD737D, #BA691C, #1B3D48)

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