Tempered Veranda color palette — #F3E7F1 · #AA8A00 · #1D3373 · #040D33 · #050004

Mustard takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3E7F1): a clean, paper-quiet neutral.
• Mustard (#AA8A00): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#1D3373): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#040D33): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Pale Atelier color palette (#F3E7F2, #D86A21, #02337C, #02102D, #050005)
• Softworn Grove color palette (#F1E5EE, #98AB3D, #32417D, #10183C, #0B0209)
• Velvet Olive Quarry color palette (#F9E6F2, #418E00, #210777, #050026, #040002)
• Quiet Aubergine color palette (#F0DDE3, #80A400, #580088, #220138, #0A0003)
• Sunlit Lime color palette (#FFEDED, #B0AE00, #772961, #370D2C, #130304)
• Mint Lantern color palette (#FEECF5, #95C282, #534C83, #3A1C2E, #12090E)
• Shadow Olive Coast color palette (#F9E3EC, #497700, #280050, #150802, #04000F)
• Washed Atelier color palette (#EFE6EA, #DCC5C8, #BB9B97, #5B4A7C, #1F1117)

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