Soft Veranda color palette — #FBF5E1 · #D6DA96 · #B6B0FF · #8E9018 · #36325B

Built around Olive Leaf, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Cream (#FBF5E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Wheat (#D6DA96): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#B6B0FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#8E9018): A luminous, balanced green — the color of new leaves after rain.
• Navy (#36325B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Marigold Pier color palette (#FCF4E5, #DFCA8F, #D8A7F3, #C09A00, #523362)
• Airy Emerald color palette (#F5F7E5, #AEE5AA, #DFA3DF, #569D53, #4B2A4C)
• Sunlit Amber color palette (#FFF3E7, #FFC896, #77C4F8, #B9793A, #0F3C57)
• Washed Grove color palette (#E1F8EE, #A3AC4F, #8A7FD9, #646B00, #262243)
• Weathered Taupe Courtyard color palette (#FCF5DD, #D4E5B6, #A1A26E, #7A6939, #32322B)
• Mustard Boulevard color palette (#FAF6DD, #B4C56D, #6FB3DE, #BE7B91, #312B0B)
• Quiet Seafoam color palette (#EEFAE1, #3FF8BC, #E173BF, #00946D, #4F0F3F)
• Washed Fern color palette (#FAF6DD, #CCE7CD, #C9C9D3, #C1AE78, #4A4A00)

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