Azure Basin color palette — #FFF2ED · #A3F7F9 · #00A0CD · #2B6B3D · #001D41

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#A3F7F9): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#00A0CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#2B6B3D): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#001D41): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Washed Iris color palette (#FFF3E9, #C6ECFF, #5892E7, #006B60, #1D1541)
• Aged Pier color palette (#FFF2EC, #D3DAED, #62AFDF, #3D7D60, #1F2D4E)
• Cobalt Balcony color palette (#FFF2EB, #7ADBFC, #397DC2, #005344, #09042C)
• Antique Petrol color palette (#F6EBF3, #8DB9C8, #007390, #005239, #003050)
• Powdered Ember Archive color palette (#E1FFE2, #00C2C5, #E06854, #007274, #340300)
• Tempered Drift color palette (#E7F9FF, #40DFFB, #0084A4, #003A49, #00060A)
• Worn Jade color palette (#B1F2BA, #00C399, #008C8D, #004D67, #001C34)
• Softworn Turquoise Lantern color palette (#EADBD4, #2EB3CF, #00598D, #002D20, #00000B)

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