Periwinkle Pier color palette — #FCF2F8 · #D6D4E0 · #60AEEA · #008077 · #1E2D4F

Built around Cornflower, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Silver (#D6D4E0): bright and airy, almost weightless.
• Cornflower (#60AEEA): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008077): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1E2D4F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Periwinkle 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

• Worn Cerulean Harbor color palette (#FAF3F5, #D9D4DE, #A0BAF5, #0093A2, #3D3960)
• Softworn Boulevard color palette (#FCF1F8, #B9F0FD, #00A4BB, #006E3B, #002232)
• Timeworn Sky color palette (#F4F6ED, #C1ECD5, #58BFED, #189DAD, #1A4337)
• Petrol Boulevard color palette (#F6EAF2, #71C8C7, #007389, #004026, #000307)
• Tempered Grove color palette (#E8F5F4, #98D1E7, #1C86B1, #005A65, #042338)
• Cobalt Drift color palette (#FEF2EB, #97CFE3, #477EA8, #006059, #4C2F48)
• Hushed Denim color palette (#ECDCE4, #82A8C0, #005696, #002B2A, #00000B)
• Feathered Apricot color palette (#EBF7FF, #58CFF7, #E58D55, #0083A4, #421B00)

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