Azure Meadow color palette — #EFF8F1 · #A5E0EB · #27A4CB · #007D73 · #1F3D55

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

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Powder Blue (#A5E0EB): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#27A4CB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007D73): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1F3D55): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Azure Meadow 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 Balcony color palette (#F0F7F1, #D3DEFB, #69ABE5, #008A98, #374961)
• Cornflower Summit color palette (#E8F2E9, #9CCBEB, #3488E1, #00697A, #202C4D)
• Wandering Denim Veranda color palette (#D6E2D8, #5F9DAD, #006082, #003C3A, #000A17)
• Weathered Terrace color palette (#FFF2EC, #C7EAD2, #76BBE0, #17A287, #4A304B)
• Misty Ember Bloom color palette (#DAE4FF, #8789E7, #D95E2B, #178D60, #222A41)
• Dusty Mallow color palette (#F1F5FF, #EFD3E9, #FAACEB, #6186BF, #3D4259)
• Ultramarine Boulevard color palette (#E5F1E7, #69A9DA, #005FD1, #004857, #09083F)
• Tempered Pier color palette (#D6EDFF, #6FABFA, #4C7EFA, #524EA1, #3A315B)

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