Weathered Cypress color palette — #D8E3FF · #B5B0D1 · #9D7E9D · #3A7668 · #22485D
Teal and Heather set the tone — five colors that lean into sophistication.
The five colors
- Frost (#D8E3FF): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#B5B0D1): A luminous, dusty violet — the color of a velvet chair.
- Heather (#9D7E9D): A luminous, dusty pink — the color of neon signs at night.
- Teal (#3A7668): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#22485D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged vintage, retro, 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
- Petrol Lantern color palette (#F5F4FF, #CFBCD7, #AB90A0, #587B8C, #3B5160)
- Petrol Orchard color palette (#FEF1F5, #BED8F0, #7C94CD, #007A88, #39345D)
- Tempered Pewter Lagoon color palette (#E8DCFB, #B788A6, #93594D, #005A5C, #002B38)
- Washed Taupe color palette (#EADBF4, #F2B4BF, #D8948A, #6A8D73, #2C483C)
- Hushed Grove color palette (#FFF1F2, #DAAF8C, #989459, #5F7194, #3E4E6D)
- Hushed Workshop color palette (#E4FBF5, #87C0C1, #399088, #685D7D, #103D3D)
- Feathered Coral Studio color palette (#FCDAEE, #F2938A, #A07E4D, #00678B, #004059)
- Timeworn Delta color palette (#F7E9F9, #C29A76, #837D42, #4A5884, #472D59)
Browse the whole catalog at Explore, or see today's palette.