Weathered Veranda color palette — #F7EFF8 · #8BD7D3 · #008AA6 · #255D25 · #03223C

Cerulean and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7EFF8): a clean, paper-quiet neutral.
• Lagoon (#8BD7D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008AA6): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#255D25): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#03223C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Dusty Cobalt Basin color palette (#FBEDF3, #A6CDE8, #587CB6, #005C53, #181E39)
• Worn Lagoon color palette (#EEF8F5, #A5CDD6, #00898E, #006152, #114150)
• Cobalt Atelier color palette (#D6E2EF, #0081CF, #7E6F00, #446124, #021527)
• Aged Market color palette (#FDF3ED, #C4DCC2, #52A2B4, #237F4F, #144435)
• Chalky Lantern color palette (#FFECF4, #62C8FA, #2168E4, #00524B, #1B0B43)
• Tempered Stone color palette (#E9F3FF, #E7CFF0, #DE99AF, #2D8187, #192134)
• Ancient Ash Lagoon color palette (#EEF4ED, #D7DCEF, #8B9AC9, #48727E, #32344A)
• Lagoon Coast color palette (#E9DCE9, #278889, #004255, #002108, #000105)

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