Weathered Veranda color palette — #E9F9F8 · #68AB7E · #3958A9 · #006032 · #0B182D

A conversation between Cobalt and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Jade (#68AB7E): A luminous, balanced teal — the color of sea glass.
• Cobalt (#3958A9): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#006032): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0B182D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.

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

• Wandering Dune color palette (#EBF8FB, #2FAFA4, #6C4998, #005C56, #151629)
• Timeworn Fern Bloom color palette (#EDF8F4, #8FA362, #00697D, #455800, #001B28)
• Dusty Teal color palette (#EDF5E9, #4CB4A3, #007089, #006357, #000904)
• Weathered Denim color palette (#FFE7F2, #359985, #00628A, #662E00, #00383A)
• Plum Drift color palette (#ECF7FF, #00B0E8, #B30074, #005E7E, #251431)
• Worn Mint color palette (#EDF7F9, #35CFB7, #008FAD, #008474, #071B24)
• Sapphire Basin color palette (#E6F9FF, #7AD897, #00BAC8, #1D64EB, #003845)
• Garnet Lagoon color palette (#E3F7F4, #388B46, #334E9A, #73010A, #073602)

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