Faded Cobalt color palette — #F6ECE6 · #8BD0EA · #228CD9 · #006C66 · #1E2B53

Azure and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Sky (#8BD0EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#228CD9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C66): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1E2B53): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Faded 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

• Powdered Thicket color palette (#FDEAE1, #6FD8D7, #0096B0, #007044, #03324A)
• Tempered Azure Veranda color palette (#EEF8F0, #D2DFFD, #2C9BDD, #00696E, #001D43)
• Worn Periwinkle Drift color palette (#FDF3EB, #ACDCF9, #6F97D0, #1F7A7E, #4E2F44)
• Weathered Workshop color palette (#F0E3D4, #81B7E8, #536FC3, #005763, #201542)
• Linen Pine Summit color palette (#FFF2EB, #9BECEA, #00AECB, #008753, #034564)
• Dusty Study color palette (#F6E4DB, #51B1C1, #007096, #004C3C, #00142D)
• Faded Denim Coast color palette (#EDDFD1, #449AD5, #2B52A7, #003B40, #090028)
• Gentle Terrace color palette (#EDFBDD, #7AE8F3, #6CBBFC, #5F8853, #253924)

Browse the whole catalog at Explore, or see today's palette.