Pine Veranda color palette — #FAE1D6 · #9D8F5F · #567749 · #5B3B4E · #44272A

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

The five colors

• Shell Pink (#FAE1D6): A whisper-light, dusty orange — the color of autumn markets.
• Caramel (#9D8F5F): A luminous, dusty green — the color of fresh herbs.
• Olive (#567749): A full-bodied, dusty green — the color of fresh herbs.
• Cocoa (#5B3B4E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Espresso (#44272A): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Pine 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

• Taupe Bloom color palette (#FFDFC3, #B2A570, #568160, #6F4A59, #583532)
• Weathered Atelier color palette (#FFD9D8, #B28B58, #696C22, #46345C, #30121F)
• Olive Grove color palette (#F0E5D8, #7C8823, #1A674F, #552F3D, #38204B)
• Aged Pewter Ridge color palette (#FFE0EC, #BE99AF, #659180, #754A74, #472447)
• Dusty Amber Boulevard color palette (#FFE9E9, #C48551, #6C6E44, #205146, #1A3F60)
• Pale Clover color palette (#F1EECF, #66BD60, #007E7D, #6A3C58, #5A222A)
• Antique Taupe color palette (#FCF5DF, #BFC3A8, #839D86, #876B66, #614B43)
• Washed Petrol Lantern color palette (#EEDBE1, #BFB689, #7C9E67, #3874AB, #2F3958)

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