Tangerine Veranda color palette — #FFF2EA · #EC6B0F · #789300 · #0067B1 · #44200D

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Tangerine (#EC6B0F): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#789300): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#0067B1): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#44200D): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Lapis Alley color palette (#FFF2E9, #DA7735, #18A052, #4E51D2, #442007)
• Tempered Delta color palette (#F7EDDB, #AB8C23, #55914E, #0062AE, #302500)
• Lapis Study color palette (#FFF3E6, #F48176, #8C7F00, #4F45B9, #532802)
• Amber Workshop color palette (#FFF3E6, #CF8100, #8E7D00, #007765, #3F2400)
• Worn Meadow color palette (#FFF2F0, #E06593, #AF7B00, #007576, #48182A)
• Feathered Bronze Courtyard color palette (#EADDBF, #938100, #367C39, #005B77, #201B00)
• Coral Harbor color palette (#FFF0FC, #FF7565, #00A5B2, #00757F, #320D0A)
• Faded Grape color palette (#FFF4E1, #BB9005, #009C87, #7830D3, #382900)

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