Feathered Cobalt color palette — #D3E1E9 · #54B3F2 · #008CDE · #0D5FAD · #21375D

A conversation between Azure and Cobalt, giving this palette its sense of trust and stability.

The five colors

• Silver (#D3E1E9): bright and airy, almost weightless.
• Cornflower (#54B3F2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#008CDE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0D5FAD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#21375D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Feathered Cobalt 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

• Feathered Azure Courtyard color palette (#CCF1FF, #63C6FC, #449EEE, #4974C0, #303763)
• Cobalt Lagoon color palette (#D8FEFF, #75D7FF, #328DD7, #4053A0, #2E234E)
• Navy Terrace color palette (#D7E2EC, #0392F9, #005EBC, #0026A0, #111A4C)
• Gentle Turquoise Ridge color palette (#C5F0F2, #00BFD4, #008DA3, #00637B, #003C53)
• Weathered Indigo color palette (#E7EFFF, #89A4FF, #6F72F6, #584DA2, #3A3056)
• Emerald Grove color palette (#E2F0FF, #4CAFFF, #1BB258, #0076BF, #114020)
• Soft Peony color palette (#D9E5FF, #7F8AEF, #D749A9, #008698, #1F2A46)
• Tempered Mallow color palette (#F0F5FF, #E6D4F2, #CBB5F7, #6084B7, #354057)

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