Weathered Cobalt color palette — #FFF3E8 · #97D7FF · #4C7FCA · #00666A · #383B66

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Powder Blue (#97D7FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#4C7FCA): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00666A): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#383B66): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Powdered Atelier color palette (#FEEFE2, #A6D7F6, #577ED9, #00625D, #28184D)
• Softworn Sapphire color palette (#FFF3E7, #6CC0FF, #3B66CE, #00545D, #312860)
• Feathered Forest color palette (#FFF2EB, #89E0DF, #008EA8, #006A42, #004566)
• Worn Orchard color palette (#FCF3EE, #BBE9CF, #5391BE, #0F7167, #583D55)
• Powder Station color palette (#EFF8F1, #D2DFFE, #7DBBFF, #00A2B9, #2B3D6E)
• Wandering Terrace color palette (#F3E4DC, #00919D, #004358, #002319, #000A18)
• Quiet Terrace color palette (#F8E9DD, #4E99BD, #00498B, #003030, #0B093C)
• Washed Olive color palette (#FCF3EF, #CAE9E0, #7AA58B, #647735, #385048)

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