Weathered Cobalt color palette — #E6F6F4 · #AECCE3 · #4182B3 · #00586E · #06213D

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E6F6F4): bright and airy, almost weightless.
• Lilac Frost (#AECCE3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4182B3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00586E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#06213D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Lagoon Harbor color palette (#E7F6F2, #8EE1DD, #00959B, #006455, #002B31)
• Wandering Cobalt color palette (#FBF4EE, #A6CFC0, #5679AD, #005F63, #34365C)
• Timeworn Station color palette (#D8EAE7, #4098A6, #005263, #002C2C, #000509)
• Ancient Petrol Lantern color palette (#E0ECEA, #7CC1C7, #007989, #004B48, #001921)
• Antique Cypress color palette (#FBF2F6, #D8D4DF, #83A8DC, #007E82, #212D4C)
• Soft Denim color palette (#D4E6E5, #71A1CC, #15589F, #00364C, #00052B)
• Sunlit Lantern color palette (#CEEEE5, #678A00, #007F7B, #874900, #001913)
• Softworn Teal color palette (#D2FDF3, #B9E9BF, #76BE9F, #6B773B, #00302B)

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