Weathered Cobalt color palette — #F1F7F2 · #A8CAE5 · #2D7ACB · #005E6C · #2B3B56
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Sky (#A8CAE5): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#2D7ACB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005E6C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#2B3B56): 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 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 Alley color palette (#EBFAED, #5CC7E9, #0076A9, #005557, #003362)
- Cerulean Workshop color palette (#EFF8F1, #A0DBDA, #008FA1, #006951, #00475B)
- Antique Lilac Terrace color palette (#EEF6FF, #E0D5F3, #BA97E6, #007897, #344458)
- Sunlit Azure color palette (#C1E7EE, #00A5CE, #0073A5, #004F86, #283E5F)
- Aged Basin color palette (#FEF3EA, #A7DCFE, #7594D7, #007C76, #3C3458)
- Hushed Cerulean color palette (#F3F7EC, #B9EEDB, #84B7E7, #4297B7, #1F3B60)
- Frosted Cobalt color palette (#D1E7FF, #007DD3, #B43A59, #446700, #162D43)
- Tempered Courtyard color palette (#E3F1E5, #3B9EB0, #005169, #00302C, #001626)
Browse the whole catalog at Explore, or see today's palette.