Tempered Azure color palette — #FCF4E9 · #B3E1C9 · #589DCB · #177A7E · #223C5B

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

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Mint (#B3E1C9): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#589DCB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#177A7E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#223C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Grove color palette (#FAF4EC, #A5DDFF, #5D99D9, #1E7887, #4A3047)
• Dusty Orchard color palette (#FBF4E9, #9FE3E3, #00A8BE, #277C65, #164432)
• Muted Cobalt color palette (#FCF3ED, #AACFBB, #457DAC, #00605A, #2A395E)
• Aged Teal color palette (#ECE4D8, #52B3B5, #007384, #004C3B, #001720)
• Softworn Denim color palette (#F2E6D3, #429EC6, #005C94, #003B40, #000720)
• Lagoon Veranda color palette (#FCF2F7, #C2E6FB, #78B8F0, #00A198, #293861)
• Washed Powder Villa color palette (#F9F4ED, #C7ECE9, #85B9D7, #738F72, #38504A)
• Hushed Cobalt color palette (#E9E2D7, #7FBADC, #1377C8, #005763, #0C1C45)

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