Tempered Veranda color palette — #FCF2F8 · #6F7AB4 · #555F9A · #6B3F21 · #253A2D

A conversation between Slate and Slate, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Slate (#6F7AB4): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#555F9A): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#6B3F21): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#253A2D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Creativity, Sophistication. 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

• Wandering Pewter Corridor color palette (#FEF1F7, #8C7CB5, #7F5A8D, #5D5021, #392E3A)
• Tempered Petrol color palette (#ECF9F0, #389AA9, #237499, #71372F, #2B3526)
• Aged Cobalt color palette (#FDF4E2, #72B4BC, #6F72A4, #635A2E, #354E44)
• Cobalt Lantern color palette (#F8EEF8, #547DBB, #4B353D, #2F252F, #121A1A)
• Mulberry Chapel color palette (#FFF1F5, #8550A0, #72216B, #363600, #2A1629)
• Patina Cocoa color palette (#EBF3F8, #4C98AD, #95556A, #684600, #071F1F)
• Hushed Terracotta Orchard color palette (#ECF9EF, #419DA7, #96505F, #335737, #2C3C2F)
• Soft Garnet Courtyard color palette (#E1FFDC, #8DC5DF, #5F82AE, #5F4E89, #6B3360)

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