Tempered Veranda color palette — #FFF2EC · #D6604E · #00897A · #005280 · #170000

Coral Clay and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Coral Clay (#D6604E): A luminous, balanced orange — the color of autumn markets.
• Fern (#00897A): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005280): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#170000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, 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

• Sunlit Amber color palette (#FFF3E7, #C57300, #008597, #3A4492, #0F0500)
• Aged Garden color palette (#FFF2F0, #DD4D87, #218C52, #005766, #160007)
• Hushed Lantern color palette (#FFF2EB, #E0805B, #209C9D, #31609E, #250E01)
• Amber Bloom color palette (#FFF3E5, #C58200, #007749, #003C5F, #1B001B)
• Softworn Navy Delta color palette (#FFEAD9, #AF5600, #006D70, #0A2E83, #030100)
• Timeworn Amber Orchard color palette (#FFF4E2, #E18B15, #746E00, #004563, #1B1000)
• Faded Brick Dune color palette (#F7E7F3, #B12D28, #006546, #2C2181, #120110)
• Frosted Workshop color palette (#EAD8E5, #B71500, #006157, #003B5F, #281123)

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