Azure Ridge color palette — #ECDDD5 · #83CCE2 · #0A98F2 · #008064 · #151848

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

The five colors

• Bone (#ECDDD5): bright and airy, almost weightless.
• Sky (#83CCE2): A luminous, dusty blue — the color of open sky before noon.
• Azure (#0A98F2): A luminous, vivid blue — the color of open sky before noon.
• Teal (#008064): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#151848): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Wandering Cornflower color palette (#EFE2D6, #7CB8DF, #4875FF, #006D69, #1A003C)
• Worn Hollow color palette (#F7ECE9, #82D0C9, #00A3C0, #318121, #00213A)
• Airy Periwinkle Thicket color palette (#F5EDE6, #9EDDFF, #70A3FF, #009287, #2E2650)
• Cobalt Hollow color palette (#E5EDE6, #73BED3, #007FAD, #005958, #00213C)
• Softworn Emerald Cabin color palette (#FFF2EE, #7CF0EA, #00BDE4, #229F2A, #00355C)
• Hushed Denim Drift color palette (#EBDCE5, #61A8BB, #005E8B, #003A33, #000726)
• Gentle Orchid Workshop color palette (#FFE7EE, #B855F0, #009884, #008495, #1B0627)
• Worn Delta color palette (#FCF3ED, #C2EBEA, #90C0FF, #5BA999, #5B3D4F)

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