Tempered Veranda color palette — #F8E9E1 · #D12D09 · #08540D · #6B0F00 · #020200

Brick and Oxblood set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8E9E1): a clean, paper-quiet neutral.
• Brick (#D12D09): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#08540D): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Oxblood (#6B0F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone, vibrant.

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

• Plum Hollow color palette (#FAEAE6, #C92F62, #005336, #6C002C, #010200)
• Bronze Drift color palette (#ECE0D8, #B35700, #004E5B, #592800, #000201)
• Timeworn Bronze color palette (#FFE9E5, #9D6700, #4E4500, #072D00, #000503)
• Shadow Summit color palette (#F2DCD4, #A70027, #00423B, #360023, #060003)
• Onyx Ridge color palette (#EFE0D2, #964D00, #284700, #260056, #060300)
• Moonless Chestnut Terrace color palette (#F7E0EA, #8B4500, #0C3200, #311400, #000202)
• Softworn Amber Market color palette (#ECDED1, #C47500, #736400, #7E4900, #030200)
• Bronze Lantern color palette (#F7EFDC, #998200, #00578B, #524400, #000202)

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