Softworn Coast color palette — #DFF7FF · #82CCF1 · #5392BD · #315376 · #122955
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#DFF7FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#82CCF1): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#5392BD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#315376): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#122955): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Softworn Coast 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
- Aqua Studio color palette (#C6FFF8, #63D0D5, #418E9A, #0E5E71, #002E3F)
- Chalky Powder color palette (#FEEAFF, #9FC0FA, #7684BC, #514E80, #2E2052)
- Muted Sky Drift color palette (#EFF5E0, #5BB9DD, #527CA4, #69474F, #1F302A)
- Worn Aubergine color palette (#EBFDD3, #9FDCDE, #6DA3C5, #6373A6, #58366C)
- Tempered Thicket color palette (#E2F8EE, #C4E1F9, #AAC8FF, #84A4CD, #1E362F)
- Antique Boulevard color palette (#ECF4EF, #CCDCDB, #A3B0B7, #6C8C77, #313833)
- Weathered Cobalt color palette (#DEF3EB, #008CCB, #433644, #16211D, #090E0B)
- Powdered Iris color palette (#D4DFF6, #818CF9, #5E54AD, #472A78, #290042)
Browse the whole catalog at Explore, or see today's palette.