Weathered Cobalt color palette — #FBF4EB · #BEE7DB · #7288C1 · #006F7D · #5E3B4E

Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Celadon Mist (#BEE7DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#7288C1): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5E3B4E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, 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

• Timeworn Ash color palette (#FBF3EF, #CBE7E5, #759FBD, #5F7756, #61495F)
• Cobalt Ridge color palette (#FFF3E7, #A5D5F8, #507CD1, #00656D, #3B3671)
• Aged Denim color palette (#ECF4F3, #C9DFF5, #6A90C1, #00668D, #1C2C45)
• Ancient Cobalt color palette (#F4F6F0, #BFE5EB, #83A7D6, #0085B5, #35476B)
• Weathered Basin color palette (#EDF9ED, #4EB1B1, #BE6D83, #007574, #5D343F)
• Timeworn Cerulean Corridor color palette (#FDF3EE, #ADCFB3, #1384A6, #006248, #0C4439)
• Abyss Lagoon color palette (#F9E5DB, #5C9C9D, #005264, #00321E, #001625)
• Hazy Lagoon color palette (#CFF7D0, #5DB999, #008F83, #006367, #224365)

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