Weathered Cobalt color palette — #E8F5F4 · #B3CAE2 · #527DB6 · #005678 · #0D1E45
Built around Slate, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F5F4): a clean, paper-quiet neutral.
- Lilac Frost (#B3CAE2): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#527DB6): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005678): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0D1E45): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Worn Studio color palette (#E8F5F2, #A6CFDE, #228A9C, #005C58, #00252F)
- Weathered Basin color palette (#D6E7E5, #5C93A4, #00516A, #002B30, #00050A)
- Dusty Basin color palette (#FCF4EB, #9DD2C3, #5A73C0, #005E6A, #4E3040)
- Plum Alley color palette (#E0E1FB, #8C6AAF, #B63D56, #006191, #1C092B)
- Patina Petrol color palette (#ECF4F3, #D4D8E8, #7BA0C6, #1E7594, #28374A)
- Washed Summit color palette (#E7E7F7, #A57CC8, #008B9D, #712B9F, #002126)
- Violet Balcony color palette (#F2EFFF, #DFD5F3, #D59DB2, #8A5FA7, #29213B)
- Aubergine Studio color palette (#EDEBFF, #9680CD, #7B4AB1, #59037E, #2B0B34)
Browse the whole catalog at Explore, or see today's palette.