Weathered Stone color palette — #F8F6E5 · #B1C377 · #54C0C7 · #5699BD · #34332C

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

The five colors

• Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B1C377): A luminous, balanced green — the color of fresh herbs.
• Cyan (#54C0C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#5699BD): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#34332C): a grounded near-black with real depth.

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

Use it as a design system

One click turns Weathered Stone 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

• Mint Pier color palette (#F5F8E2, #91CB89, #67BAD9, #BF7F50, #33342D)
• Washed Teal color palette (#FBF5DE, #B2D497, #75B689, #3D8DAA, #3D3E37)
• Pewter Balcony color palette (#E9FAEF, #C2B36F, #3EAEC6, #8360A5, #122A1D)
• Aged Lagoon color palette (#FFF4E0, #BC9A42, #7091C1, #4B6FA6, #36322C)
• Washed Apricot Quarry color palette (#FFF2EA, #EFA57F, #9BB977, #AA7FA9, #38312D)
• Pale Scarlet Ridge color palette (#EFE5BE, #A3AD00, #00ACAC, #E21200, #1F2200)
• Hushed Taupe color palette (#F7F5EE, #D6DCD4, #A6BAB3, #A8B27B, #4A483E)
• Emerald Chapel color palette (#E5FAC8, #B4E0A4, #83C487, #369B69, #004A36)

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