Weathered Cobalt color palette — #F4EBF1 · #A8CADE · #498ACE · #006E5B · #272853
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F4EBF1): a clean, paper-quiet neutral.
- Sky (#A8CADE): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#498ACE): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#272853): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Muted Grove color palette (#FCF2F7, #BAD9F0, #7696CD, #007D73, #3A345C)
- Forest Dune color palette (#F4EBF5, #94D1D0, #1894B7, #007227, #012E58)
- Azure Study color palette (#FFF2EA, #BCEFFF, #4497DF, #006C55, #161842)
- Antique Indigo color palette (#F4E2E8, #8DB6D9, #596BCA, #00595A, #280E45)
- Dusty Petrol Ridge color palette (#F5EDE2, #83BBCE, #00709F, #004F50, #062F54)
- Aged Indigo Drift color palette (#CAE6D7, #B8AD2B, #7064CC, #6D6600, #271B5A)
- Petrol Bloom color palette (#EEE3EC, #68AFB7, #006F99, #004D2C, #000D3D)
- Lagoon Ridge color palette (#FAF3F6, #D8DFEE, #95B4DD, #449788, #49526C)
Browse the whole catalog at Explore, or see today's palette.