Softworn Cerulean color palette — #F8E7F5 · #78BDC5 · #008EC2 · #007144 · #000C3E

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8E7F5): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#78BDC5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#008EC2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007144): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#000C3E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Pale Azure Basin color palette (#FAEBF3, #90CADE, #5096DC, #007F69, #181746)
• Cobalt Quarry color palette (#F2E2E8, #7BA7C1, #466FCB, #005E58, #0C0025)
• Petrol Drift color palette (#F3E8D9, #5AB1BB, #00728B, #004B41, #001623)
• Quiet Workshop color palette (#F5EBF4, #99E2E6, #3EB2E0, #229552, #0B2D59)
• Pine Chapel color palette (#DDF3FC, #77C4FD, #C290E8, #008D54, #00202D)
• Washed Turquoise color palette (#C4EBFD, #00ADD6, #0084A2, #005267, #000305)
• Patina Cerulean color palette (#EFE1DB, #319AA3, #00506E, #002E17, #000314)
• Bronze Balcony color palette (#BEE8F1, #00A298, #C26100, #00726A, #1D0900)

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