Softworn Cobalt Ridge color palette — #FAF3F7 · #A1CCE1 · #3780A9 · #006153 · #233B5E

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Sky (#A1CCE1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3780A9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006153): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#233B5E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cerulean Alley color palette (#F1F3EB, #ACD2B9, #1C88A7, #005B5F, #002433)
• Worn Lagoon color palette (#FBF2F6, #C6E0F5, #678BC1, #007075, #3C4763)
• Patina Petrol color palette (#F9EAEF, #97B5D0, #4965A7, #004E57, #2C274F)
• Softworn Onyx color palette (#EDDBE6, #54899A, #004065, #00231F, #00012E)
• Airy Peony color palette (#EADEFD, #C466A8, #006D38, #006A5D, #312540)
• Softworn Pewter Balcony color palette (#F8F2FF, #EDCEED, #CB9D7D, #805F96, #4B3A51)
• Worn Field color palette (#FDF3EE, #C4EBD2, #60BCF3, #00A28D, #4A304A)
• Mulberry Pier color palette (#F2EAFF, #BC6FA9, #008F66, #8A2577, #00402C)

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