Powdered Cobalt color palette — #F0F6FE · #A5C5FF · #C67A45 · #547ECE · #311D27

Azure and Caramel set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Sky (#A5C5FF): A whisper-light, balanced violet — the color of a velvet chair.
• Caramel (#C67A45): A luminous, balanced gold — the color of old brass.
• Azure (#547ECE): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#311D27): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

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

• Cerulean Grove color palette (#ECF7FF, #89CFF2, #CA717B, #008CBC, #2B1F2C)
• Washed Iris Market color palette (#F3F5FC, #C8CEF8, #B89467, #947EC2, #263125)
• Cornflower Studio color palette (#FAF3F8, #DED8F3, #E97772, #5E85E1, #1E0D07)
• Pale Pier color palette (#FCF2F7, #ABA5E6, #A74F5C, #5F47B9, #331E18)
• Frosted Amethyst Summit color palette (#EDF1FF, #A49CFF, #B55B00, #6B24FD, #200B00)
• Bronze Lantern color palette (#F1F5FF, #9F9CDD, #8E812F, #006D63, #00423B)
• Powdered Blush color palette (#F2F5FE, #D2CFFF, #F183C3, #9E93F0, #282030)
• Muted Powder Study color palette (#DDFCFD, #A2AAF5, #B36D89, #277163, #3A3A53)

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