Softworn Sky Pier color palette — #ECF7FF · #22B3F8 · #006CA3 · #002A40 · #000103

Cornflower and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cornflower (#22B3F8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006CA3): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002A40): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

One click turns Softworn Sky 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

• Patina Teal color palette (#C0FFF7, #00C3B8, #00706C, #002E2A, #000201)
• Sky Harbor color palette (#D4E6F3, #47B6FE, #008FC9, #00597E, #000B15)
• Tempered Ultramarine Parlor color palette (#EFF3FF, #92AAFF, #404DC6, #09016B, #00000B)
• Dusty Cornflower color palette (#D1E1FF, #578BFF, #00469F, #000A38, #000106)
• Softworn Basin color palette (#E9F8FF, #C8DFFF, #ACABF3, #007F89, #000F1C)
• Periwinkle Dune color palette (#EEF6FF, #D7D8F1, #6FA6E2, #2D5D8B, #002440)
• Faded Harbor color palette (#F1EFCF, #FF7C7A, #4C8EF4, #0B081C, #000104)
• Dusty Nightshade color palette (#F1F5FF, #9095FF, #A02472, #4130B2, #020006)

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