Azure Basin color palette — #FFF2EC · #AAF4FF · #009FD1 · #006C55 · #001F3E

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#AAF4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009FD1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006C55): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#001F3E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Sky Drift color palette (#FCF3EE, #BFE7F5, #6AAEDE, #2B7E73, #3D243B)
• Gentle Cobalt color palette (#FFF2E9, #87D8FF, #397DC4, #005151, #060729)
• Hushed Archive color palette (#E7F2E9, #8EB9CB, #007391, #005049, #00324C)
• Muted Denim Study color palette (#FFECDF, #3BB1D9, #005892, #002B29, #00000B)
• Ember Terrace color palette (#DFFEE8, #00BFD6, #E06A40, #00707E, #300900)
• Feathered Aqua Lantern color palette (#8FFAD7, #00CFC9, #008B99, #005872, #001E34)
• Aged Lagoon Corridor color palette (#E0FEEA, #E1DAE4, #CCC6FF, #368A74, #0D3225)
• Timeworn Veranda color palette (#E3FAFF, #00A3BC, #DC463E, #A25202, #000F14)

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