Weathered Veranda color palette — #F5F6EE · #CBE4E0 · #94D2E3 · #8CAC8C · #325243

Sky and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CBE4E0): A whisper-light, dusty teal — the color of sea glass.
• Sky (#94D2E3): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#8CAC8C): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#325243): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Teal Grove color palette (#F9F3F8, #D5D4E3, #ADC8F5, #55A38B, #3C4F64)
• Muted Aqua color palette (#E2FFDF, #94E2E2, #69C9D2, #56A4B3, #375C47)
• Washed Lagoon color palette (#F6F6EC, #CFE9CC, #66C3C7, #1EA18A, #00434A)
• Washed Turquoise color palette (#E9FAEE, #9AE3EF, #C8CC97, #50B9CA, #5C4C00)
• Worn Turquoise Pier color palette (#ECF4F2, #CDDDF3, #5CA9BB, #297977, #233946)
• Ash Lantern color palette (#F4F6EF, #C8E8ED, #DBBADA, #79A9C7, #62495E)
• Washed Cerulean Meadow color palette (#E7EADD, #82B9D0, #008EC2, #006B7A, #001626)
• Patina Cocoa Delta color palette (#FEF3E7, #E9D6BD, #CDB090, #A68D75, #5F4200)

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