Tempered Veranda color palette — #FFDBD1 · #FF9A4A · #B57900 · #715D00 · #333500
A conversation between Apricot and Mustard, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FFDBD1): A whisper-light, dusty orange — the color of toasted spice.
- Apricot (#FF9A4A): A luminous, balanced gold — the color of honey in a jar.
- Mustard (#B57900): A luminous, balanced gold — the color of honey in a jar.
- Olive (#715D00): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#333500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Tempered 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
- Amber Studio color palette (#FFEAE0, #DC8F35, #957000, #574F00, #212A00)
- Frosted Mustard Drift color palette (#FFDDB9, #E6AF18, #928A00, #546900, #0B4002)
- Marigold Archive color palette (#FFE1E3, #FFB391, #DC9500, #8C7B00, #2A3B00)
- Amber Cabin color palette (#EFDECE, #B38A00, #696300, #364400, #002005)
- Washed Ember color palette (#FFDBE5, #FF9B93, #E75300, #8D4B00, #4A3300)
- Tangerine Archive color palette (#DFFFE5, #FC8031, #9A7800, #00667B, #4D2D08)
- Amber Orchard color palette (#FFE7EE, #B97500, #534400, #3D1926, #1A0D14)
- Dusty Olive color palette (#ECE8DA, #7F8200, #416300, #003411, #000D06)
Browse the whole catalog at Explore, or see today's palette.