Tempered Azure color palette — #F6F6ED · #C3DAAC · #6BA1CE · #7B975D · #21322D

Blue Fog takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Pistachio (#C3DAAC): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#6BA1CE): A luminous, balanced blue — the color of deep harbor water.
• Moss (#7B975D): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#21322D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Tempered Loft color palette (#F4F6EF, #CBD7AD, #AD8DBF, #639B76, #372A2D)
• Amber Atelier color palette (#FAF4ED, #E7CDA7, #4CACB0, #AC853D, #253226)
• Aqua Loft color palette (#F4F6EF, #BDECC7, #44CAE9, #77BE88, #25312A)
• Patina Ridge color palette (#EEF8F4, #EAFFC2, #99A9F4, #8DA45D, #191E28)
• Aged Delta color palette (#EFF7F6, #A1CDAA, #368B96, #317F4A, #223036)
• Muted Mint Villa color palette (#FFF2EE, #8BCFAE, #6A99B8, #8C6356, #3E4C3C)
• Airy Navy color palette (#FBF8CD, #AADEC1, #66AFB0, #347B9F, #364177)
• Timeworn Grove color palette (#F3F6EF, #D4DDDA, #A8B6BF, #94A181, #51544D)

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