Weathered Cobalt Alley color palette — #F8F0EC · #97D2E3 · #1984BD · #005C51 · #0F203D
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F8F0EC): a clean, paper-quiet neutral.
- Sky (#97D2E3): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#1984BD): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C51): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#0F203D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Cobalt Alley 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
- Dusty Cobalt color palette (#F8F0E8, #A0D4C5, #5B78C4, #005A65, #331427)
- Sapphire Station color palette (#EEE8E1, #8DC0B1, #3A5ED6, #004A53, #160E32)
- Airy Teal color palette (#C9F3E5, #00A9A9, #00798F, #00415D, #032245)
- Muted Cypress Pier color palette (#FDF1F9, #99E1F6, #5B9DCA, #007D70, #283B57)
- Aged Bronze color palette (#DCEEE3, #00A2C0, #BD5D00, #005F72, #301300)
- Faded Petrol color palette (#CCFFEC, #5DB6EB, #0073A4, #003952, #00101B)
- Navy Corridor color palette (#F7ECE5, #34839E, #003E67, #001F1D, #00000C)
- Muted Lilac Delta color palette (#E1F9EA, #F6D5F7, #BCA2F9, #18786B, #0D2820)
Browse the whole catalog at Explore, or see today's palette.