Weathered Cobalt color palette — #FDF1F7 · #B1D3EB · #4C7FCB · #00685C · #3D3377
Azure and Royal Purple set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FDF1F7): a clean, paper-quiet neutral.
- Powder Blue (#B1D3EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#4C7FCB): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
- Royal Purple (#3D3377): A deep, shadowed, balanced violet — the color of wild irises.
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
- Forest Quarry color palette (#F9F3F9, #A3D8E8, #008CB4, #006B31, #154073)
- Weathered Cobalt color palette (#F7F1E7, #9ADAF8, #0089D5, #006168, #05234F)
- Airy Sapphire Balcony color palette (#FFF1F7, #80C1E6, #2860E6, #005651, #381D6F)
- Feathered Azure color palette (#ECF9EE, #ACE4FF, #14A3F9, #00818B, #264068)
- Tempered Cypress color palette (#FAF3F5, #DADDEE, #8D97C0, #187D81, #4E506A)
- Misty Navy Terrace color palette (#EADAE3, #6298AD, #00498B, #003128, #120044)
- Weathered Grove color palette (#E9E1E9, #478D90, #004358, #00240D, #00081C)
- Misty Raspberry Delta color palette (#F6E3FF, #CC487E, #008576, #006675, #4D1E30)
Browse the whole catalog at Explore, or see today's palette.