Weathered Cypress color palette — #F3F6EF · #B5C8A0 · #7178B0 · #138061 · #372932

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

The five colors

• Ivory (#F3F6EF): a clean, paper-quiet neutral.
• Pistachio (#B5C8A0): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#7178B0): A full-bodied, balanced violet — the color of a velvet chair.
• Teal (#138061): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#372932): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Weathered Cypress 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 Corridor color palette (#F1F7F1, #86CFD1, #946E96, #147C7F, #3A282C)
• Hushed Olive Atelier color palette (#F6F5ED, #B7C991, #3988A6, #63762F, #24312B)
• Ancient Drift color palette (#EBF4F5, #96D0CA, #6980C0, #00837C, #0F1622)
• Dusty Lagoon color palette (#F2F7F1, #BEDBB8, #6DA0D2, #00A199, #1B332D)
• Washed Garnet color palette (#DCECE2, #00849E, #710051, #003845, #0B0006)
• Washed Coast color palette (#FFF3E6, #73B6AE, #62779E, #72522B, #3A4D41)
• Washed Aubergine color palette (#DAFFEF, #91CED5, #4E8AAA, #495989, #563971)
• Lagoon Hollow color palette (#F1F7F2, #D3DCDD, #B4AEA6, #548D92, #4F544F)

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