Tempered Azure Villa color palette — #DEE2D6 · #9BCCBB · #0A98F3 · #007898 · #001E43

Azure and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#DEE2D6): a clean, paper-quiet neutral.
• Pistachio (#9BCCBB): A luminous, dusty teal — the color of shallow lagoons.
• Azure (#0A98F3): A luminous, vivid blue — the color of a favorite pair of jeans.
• Teal (#007898): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#001E43): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered Azure Villa 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

• Cerulean Bloom color palette (#F0F1E4, #A7CAB1, #00A2C2, #007D7E, #002330)
• Soft Cobalt Drift color palette (#ECD6EC, #B6C6F8, #B1A7FD, #2790DC, #121E3E)
• Azure Corridor color palette (#DAF4FF, #00A6DB, #0083BA, #005B92, #001C3A)
• Worn Sapphire color palette (#EDE0D6, #86B8DA, #346FD7, #00585E, #1C0F52)
• Pale Workshop color palette (#DAF0EA, #3BA3F4, #DB52AB, #0075BD, #350025)
• Aged Orchid Canyon color palette (#DAF0FF, #0096D9, #9E5CDF, #00896E, #001421)
• Turquoise Delta color palette (#F5F7E6, #98E8F8, #00BDE4, #00979A, #00394C)
• Feathered Cornflower color palette (#D7E3F1, #70AEFF, #1A7CF7, #004FB2, #00081C)

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