Azure Coast color palette — #D1E8D8 · #00C8C6 · #1996E0 · #405600 · #00120D

Azure and Aqua set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D1E8D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Aqua (#00C8C6): A luminous, balanced teal — the color of sea glass.
• Azure (#1996E0): A luminous, balanced blue — the color of deep harbor water.
• Deep Olive (#405600): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#00120D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, light.

Use it as a design system

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

• Iris Alley color palette (#CEEAE7, #5CBEE7, #737FC7, #006035, #001315)
• Soft Cobalt color palette (#BCEAE8, #6ECBC8, #578FD2, #4A5100, #002F2A)
• Wandering Mint Basin color palette (#D9E9C9, #62CE94, #0095A1, #5F4E00, #001001)
• Hushed Iris color palette (#C5FFFB, #7BD6FF, #8697FF, #1A7743, #00272B)
• Cobalt Chapel color palette (#D3E3E7, #318ED9, #694FA6, #004035, #000205)
• Aubergine Study color palette (#DCF0DF, #008993, #5B009A, #003E43, #040001)
• Muted Wisteria Pier color palette (#D0F1E4, #ADC7FF, #C58BD9, #006369, #29122A)
• Worn Mallow Boulevard color palette (#D8FCE9, #CFE0FF, #CBA4F4, #1C8D89, #033328)

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