Azure Pier color palette — #FCF1F9 · #B0F2FF · #009CE2 · #006D4B · #0E1A44
Built around Cornflower, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF1F9): bright and airy, almost weightless.
- Sea Foam (#B0F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#009CE2): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006D4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#0E1A44): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Azure Pier 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 Thicket color palette (#FEF1F6, #D4E0FE, #618AF9, #006A66, #22143F)
- Aged Villa color palette (#FAF3F7, #D6D4E1, #5FABF5, #008269, #212D4A)
- Tempered Cornflower Bloom color palette (#FFF1F7, #9CD5F2, #3876DC, #00524A, #0E012E)
- Ancient Magenta color palette (#F5F4FF, #C262DE, #00968C, #007B75, #18011F)
- Antique Petrol Studio color palette (#F6ECE7, #81BCC8, #00719A, #005142, #0D2E54)
- Patina Ridge color palette (#F3E8ED, #64ADCA, #0053A2, #002C25, #010009)
- Aged Spruce color palette (#F3EBF3, #6DC8C8, #00728F, #004113, #000309)
- Hushed Cobalt Lagoon color palette (#F6F3FF, #DDD7CD, #FFCB89, #6779BB, #351429)
Browse the whole catalog at Explore, or see today's palette.