Tempered Veranda color palette — #F9EFF2 · #C6E0F8 · #7F8BBA · #006C6E · #282945

Teal and Slate Blue set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F9EFF2): a clean, paper-quiet neutral.
• Powder Blue (#C6E0F8): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7F8BBA): A luminous, dusty violet — the color of a velvet chair.
• Teal (#006C6E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#282945): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Softworn Petrol color palette (#F0F7F1, #CADFF3, #6F8BB8, #006D85, #384768)
• Quiet Cornflower Quarry color palette (#FAEEF2, #A9D7F4, #547DDE, #00625E, #291551)
• Washed Petrol Meadow color palette (#E9F3FF, #7EA5E0, #BD7C46, #3B64A2, #3C1A2B)
• Dusty Market color palette (#E6F4FF, #E4D3E5, #EEB2B3, #458F94, #273144)
• Denim Corridor color palette (#EEDEEA, #55AABC, #005D8F, #003B29, #030032)
• Patina Cerulean color palette (#FAF4EB, #C5E2F5, #A0BCE9, #3B8EA6, #53334A)
• Muted Navy color palette (#F5E4EC, #4C8096, #003978, #00201B, #01000A)
• Cobalt Courtyard color palette (#AFF4EE, #51B9CF, #3380BD, #334A84, #2C2146)

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