Powdered Cobalt color palette — #FFF3E9 · #9BD7F7 · #4F7ECD · #00675E · #3F366D

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Powder Blue (#9BD7F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#4F7ECD): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#3F366D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Chalky Sapphire color palette (#FFF3E8, #85BFE6, #4365CB, #005653, #392362)
• Cobalt Hollow color palette (#EBF5ED, #A0D8F8, #2E87D2, #00606B, #082055)
• Patina Cerulean color palette (#FFF2ED, #B4D9BB, #008ABC, #006B3E, #233E6F)
• Apricot Alley color palette (#FFF0F9, #FFD0DC, #F39977, #2F6EAA, #513355)
• Washed Pewter color palette (#FCF3F1, #CDE7DF, #68A3B5, #567954, #33514A)
• Dusty Navy color palette (#F0DDD1, #6098B1, #11478E, #00302A, #14033D)
• Lagoon Balcony color palette (#FBE8E1, #418E92, #004359, #00240E, #00081D)
• Dusty Teal color palette (#FFF1F7, #C6EBFF, #8DB7FF, #00A79A, #3F3866)

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