Weathered Veranda color palette — #F0F9E6 · #76DBB6 · #DC9DAC · #509E81 · #65433D

Built around Lagoon, softened by Fern — the whole palette hums with balance.

The five colors

• Ivory (#F0F9E6): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#76DBB6): A luminous, balanced teal — the color of sea glass.
• Rosewood Mist (#DC9DAC): A luminous, dusty red — the color of late-summer berries.
• Fern (#509E81): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#65433D): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Balance. Tagged 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

• Tempered Station color palette (#ECF9F0, #67D6EF, #E1A079, #5597A7, #524C47)
• Hushed Stone color palette (#F9F5E6, #C5CB82, #CD9ED2, #8D915B, #644249)
• Softworn Mint color palette (#EDFAE6, #57C8AF, #D38F9A, #B27C6A, #3D4638)
• Teal Chapel color palette (#EBF8F9, #BDF4DD, #FEB5BD, #47B08C, #553C58)
• Dusty Teal color palette (#F2F7ED, #C7DDB5, #EBBE81, #2FC39D, #514C46)
• Cypress Meadow color palette (#E8F9FB, #77C1AB, #B8915B, #1F856D, #3C543D)
• Washed Loft color palette (#FBF5E7, #BFD3A4, #A99A78, #9A6832, #404F02)
• Ember Veranda color palette (#E3FFDE, #33DAD0, #DF5851, #008A83, #691A18)

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