Tempered Veranda color palette — #FFEEE6 · #AB463C · #005B48 · #003A5C · #1A0104

Brick takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#AB463C): A full-bodied, balanced orange — the color of autumn markets.
• Pine (#005B48): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003A5C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#1A0104): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant, muted.

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

• Faded Lantern color palette (#FFEDEA, #A9486E, #255800, #003F4D, #17030C)
• Ancient Navy Market color palette (#FBF0E5, #9C5609, #005659, #222584, #160101)
• Hushed Garden color palette (#FFF0FB, #A5351B, #305F00, #253178, #2D1A28)
• Chalky Navy Ridge color palette (#FCEFE6, #AF7556, #006F6C, #1C398E, #240708)
• Hazy Alley color palette (#FBEADC, #AC6A2F, #15670A, #003A4A, #200035)
• Nocturne Cocoa color palette (#F5DFD2, #893100, #003E35, #001539, #040002)
• Chestnut Pier color palette (#F4E7D4, #B87951, #6F5900, #004050, #251300)
• Pale Olive color palette (#FEF3E8, #C88F3F, #7C7800, #005681, #1C0700)

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