Tempered Azure Grove color palette — #FEF1F8 · #AFDCF5 · #639CC8 · #217B72 · #293B57

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Powder Blue (#AFDCF5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#639CC8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#217B72): A full-bodied, balanced teal — the color of sea glass.
• Navy (#293B57): 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 Grove 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

• Periwinkle Coast color palette (#FEF1F5, #CDE9FF, #8CA4D8, #48858E, #3F4660)
• Patina Glacier Coast color palette (#FFF0FB, #40E2F4, #009AC7, #00755A, #00345E)
• Cobalt Study color palette (#FBF2F7, #A0CCE5, #4F7BAA, #006150, #34365C)
• Aged Mallow Market color palette (#EBF7FF, #DCD7F7, #D5B7F2, #539C9A, #304455)
• Turquoise Alley color palette (#D3E7E3, #00BFC4, #0097BA, #005F8B, #1F385E)
• Antique Teal color palette (#ECDDE7, #00B8B9, #007288, #004D2E, #001625)
• Soft Bloom color palette (#F9E9F1, #479EC1, #005A9B, #003C3A, #030229)
• Cobalt Corridor color palette (#F3DFE8, #78BBDF, #3B76BD, #00595A, #171845)

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