Weathered Cobalt color palette — #F0E3D7 · #7EB9E1 · #4B73BB · #00585E · #1C124E

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

The five colors

• Parchment (#F0E3D7): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#7EB9E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4B73BB): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00585E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1C124E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Aged Petrol Harbor color palette (#EDDDD5, #83BDBE, #00829D, #005C3C, #002237)
• Tempered Cornflower color palette (#DDE0D6, #96C6EB, #1595FA, #00789C, #001C49)
• Quiet Sapphire color palette (#FFF1F6, #97D4FE, #2771F2, #005056, #0A042A)
• Wandering Denim color palette (#DCEFEE, #75A5C6, #005A97, #003B4D, #001E45)
• Hushed Veranda color palette (#FFF2EC, #78DCF0, #0098D1, #007462, #00306A)
• Hushed Alley color palette (#FBF4EC, #BCE0FF, #7B98E4, #00808F, #3F3767)
• Washed Plum color palette (#F7D6CF, #C33A62, #007A6C, #185B76, #29000C)
• Worn Corridor color palette (#FBF3EF, #C2E9DC, #68B2C1, #558866, #2A5043)

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