Softworn Navy color palette — #FFF2ED · #83C4CD · #0077A6 · #005937 · #112C6F

A conversation between Navy and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ash (#83C4CD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0077A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005937): A full-bodied, balanced teal — the color of sea glass.
• Navy (#112C6F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Sapphire Boulevard color palette (#FFF3E9, #88C0DE, #2A67D2, #00564F, #361977)
• Antique Petrol Bloom color palette (#EAF5EC, #6CCCD7, #007E9A, #005348, #001D2C)
• Airy Market color palette (#FFF3E9, #A9DBC9, #5E7BCA, #006764, #463071)
• Pale Cerulean color palette (#FDF4E5, #72DEEA, #009CBD, #007465, #003850)
• Wandering Pier color palette (#F3E5DF, #82AA8F, #005D8B, #00402B, #0B1455)
• Navy Atelier color palette (#E9DED6, #6796B2, #1A419A, #00302D, #18003E)
• Cypress Terrace color palette (#FAF4F0, #CEE4E2, #73A597, #337E67, #624A5B)
• Pale Grove color palette (#FFF0FD, #6BF0FE, #17B9F9, #0D9D60, #18315F)

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