Gentle Veranda color palette — #FBDDD9 · #C57821 · #716200 · #194200 · #001A14

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBDDD9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#C57821): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#716200): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#194200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001A14): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Ember Atelier color palette (#F9E7ED, #DC6A5B, #845400, #3F3A00, #061A00)
• Patina Olive color palette (#F9E0D0, #A99406, #3E7200, #004433, #001E1F)
• Bronze Bloom color palette (#FAE2CB, #9E7500, #4F4B00, #1F2900, #001610)
• Aubergine Cabin color palette (#FFE7F1, #C56000, #436400, #430B86, #201400)
• Ancient Olive color palette (#EBE1CC, #637800, #00542F, #002624, #000305)
• Tempered Olive Pier color palette (#F7E4D8, #C9A700, #658C00, #005E49, #003237)
• Feathered Atelier color palette (#FFF0EC, #DFB98C, #949648, #097E22, #00443B)
• Washed Workshop color palette (#F1E4E8, #B9C8C1, #8EACA8, #865400, #2A1A1F)

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