Softworn Cobalt color palette — #FEF3EA · #8CD0EF · #4B79BA · #006155 · #4E2F42

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Sky (#8CD0EF): A whisper-light, balanced blue — the color of deep harbor water.
• Slate (#4B79BA): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4E2F42): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Cobalt Pier color palette (#FFF2EC, #4BCAE5, #0074B3, #005841, #232D61)
• Washed Drift color palette (#E8F5F4, #AFCCE0, #4083AE, #00596A, #03223C)
• Ancient Basin color palette (#FCF3F0, #ACEAE7, #4B96AC, #476D48, #275147)
• Ancient Coast color palette (#F4F7EB, #B7DFCD, #5D9DC8, #007990, #143D60)
• Softworn Cypress Field color palette (#FBF3EE, #C5EDEC, #AC8DAE, #447A6E, #624A59)
• Sky Atelier color palette (#FBF2F6, #C5E5FC, #7BB5F9, #00A0A0, #31375C)
• Byzantium Thicket color palette (#F5EEDA, #ABA024, #824DAD, #605800, #402A52)
• Worn Turquoise Chapel color palette (#FFF5D3, #A8F4C7, #59C0DA, #92613A, #42413A)

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