Washed Cobalt color palette — #FBF2F7 · #ABCADF · #4C78BB · #006156 · #313957

Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#ABCADF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4C78BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#313957): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Muted Petrol color palette (#FDF1F9, #5AC9DF, #0075AF, #00583E, #202E63)
• Muted Study color palette (#F9F3FA, #C3E3EB, #3398B3, #436E42, #324A62)
• Wandering Bronze Hollow color palette (#C6EBFF, #0088A3, #886700, #515B0F, #102F3D)
• Cypress Lagoon color palette (#ECF7FF, #CBDDFF, #D497C7, #05806F, #314355)
• Ancient Study color palette (#E6DBE4, #2BA1A9, #00516D, #003218, #001134)
• Misty Boulevard color palette (#D3F8EF, #00B4BF, #007CA6, #124D93, #30375C)
• Airy Denim color palette (#EAF5FF, #69A6E8, #0066A7, #003B65, #00213E)
• Worn Sky Bloom color palette (#FBF4EE, #BDEDD7, #7AB6F6, #329E9B, #2F385C)

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