Weathered Cobalt color palette — #FDF4E5 · #9CD6FE · #4281CB · #006474 · #2F3D6A

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

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Powder Blue (#9CD6FE): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#4281CB): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006474): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2F3D6A): 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

• Chalky Cobalt color palette (#FCEFE4, #A7D7F7, #5682CB, #006167, #201B50)
• Cerulean Dune color palette (#FBF4EA, #8FDEDF, #008FA3, #006953, #00475D)
• Muted Sapphire Parlor color palette (#FFF4E2, #71BFFF, #2B69CE, #005366, #24296B)
• Dusty Periwinkle color palette (#FEF1F6, #B6E1FF, #679BEF, #008189, #383773)
• Quiet Cerulean Cabin color palette (#ECF8F7, #D1DCFB, #73BDFF, #009FC9, #144073)
• Azure Delta color palette (#F5E8D5, #329ACC, #004C83, #002F35, #020E3A)
• Wandering Hollow color palette (#E8E0D3, #09919F, #004455, #00231E, #000B14)
• Teal Cabin color palette (#F4EEE4, #5BC5BF, #007680, #00523A, #003441)

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