Weathered Veranda color palette — #F0E1E8 · #A65300 · #007537 · #004D6C · #040100

Ochre and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F0E1E8): bright and airy, almost weightless.
• Ochre (#A65300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#007537): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#004D6C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Softworn Bloom color palette (#FCE7FB, #C61B39, #1E7504, #004F5D, #070000)
• Washed Nightshade color palette (#F8E9F2, #B74000, #00716B, #351FB6, #050100)
• Nightshade Lagoon color palette (#EEE3EE, #C03A52, #206700, #0011A2, #060002)
• Pale Nightshade Harbor color palette (#D2E5D3, #C64F27, #6A5900, #2B10A1, #080200)
• Misty Thicket color palette (#CAEFE3, #627D0B, #007164, #2824AA, #010200)
• Powdered Amber Grove color palette (#FFE1E1, #C6642E, #7D5600, #453F00, #030600)
• Velvet Abyss Courtyard color palette (#FCE8EF, #704100, #004A13, #001E19, #020100)
• Sunlit Orchard color palette (#D1E6D2, #A27100, #007B9F, #7417AF, #080400)

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