Softworn Cerulean Hollow color palette — #F1F7F2 · #DAD5DF · #A0BCEB · #3A8EA7 · #333F58

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#DAD5DF): a clean, paper-quiet neutral.
• Sky (#A0BCEB): A luminous, dusty violet — the color of wild irises.
• Cerulean (#3A8EA7): A luminous, balanced blue — the color of deep harbor water.
• Navy (#333F58): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Faded Periwinkle Thicket color palette (#E6F9FF, #AEE6FF, #59A7E6, #4576B0, #343F63)
• Aged Pier color palette (#ECF9EE, #91D9EA, #0086B0, #00524E, #000E1C)
• Softworn Loft color palette (#EEF8F0, #D6D7E6, #3FB7D4, #1B806E, #003348)
• Muted Powder Boulevard color palette (#EFF6FF, #DED9E2, #B6B0A6, #83B8D6, #38455B)
• Powdered Cobalt Delta color palette (#EEF6FF, #B4D8FF, #EAAD68, #4C8ECF, #503004)
• Cobalt Loft color palette (#F9F4ED, #BEE6DB, #668AC9, #006D86, #583E50)
• Softworn Petrol Delta color palette (#E2F3E6, #78C6C7, #007485, #003F31, #000305)
• Denim Boulevard color palette (#E0F1E3, #6CABCA, #00598E, #002B2F, #000106)

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