Azure Harbor color palette — #FAF4EB · #ABF4FF · #00A1C8 · #006B60 · #002134
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Sea Foam (#ABF4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00A1C8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006B60): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002134): 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 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 Drift color palette (#FAF4EC, #BDE5F3, #2CB3F0, #007F7E, #0F304E)
- Tempered Denim Terrace color palette (#E9E0D1, #5FAECC, #005A87, #002B2D, #000105)
- Timeworn Petrol Chapel color palette (#DFF4F0, #77BFC9, #007589, #00504F, #003343)
- Cobalt Studio color palette (#FDF4E6, #9FD4EF, #0080CA, #005057, #000A27)
- Petrol Terrace color palette (#F3EDE4, #70C8C4, #007580, #00402E, #000305)
- Tempered Field color palette (#FAF4EC, #C3E3F6, #90BDFB, #2890A7, #4D3748)
- Mint Thicket color palette (#DBFFED, #4ADFA4, #008F68, #004231, #000402)
- Dusty Glacier color palette (#F0FADE, #C6EEF7, #61DFFF, #69954F, #00281F)
Browse the whole catalog at Explore, or see today's palette.