Azure Harbor color palette — #FDF1F8 · #C8ECFF · #3F9AD6 · #006B60 · #061A48

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Frost (#C8ECFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3F9AD6): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006B60): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#061A48): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Dusty Studio color palette (#FDF2F7, #D7D4DF, #7EAADB, #007F7E, #232A53)
• Antique Garden color palette (#FEF1F6, #9BD3FD, #5478BF, #005057, #0C0031)
• Muted Dune color palette (#DFECEB, #76BFD7, #00759A, #004A52, #001827)
• Dusty Denim color palette (#FDE7F0, #71AACD, #1651A3, #002B2D, #01000A)
• Frosted Peony Thicket color palette (#FAF2FF, #E6529C, #009972, #007D6C, #1F000F)
• Powder Terrace color palette (#FAF3F7, #D7D4E0, #BAC2F0, #659E99, #404E65)
• Weathered Driftwood Loft color palette (#F8F2FF, #E8DCD7, #F6C992, #9168A8, #390E1E)
• Timeworn Mulberry Parlor color palette (#F9F2FF, #FF8CCA, #29A664, #A2006E, #001F0D)

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