Softworn Navy color palette — #F1E6EB · #3D8AAB · #00397D · #00231E · #090028

Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Blush (#F1E6EB): bright and airy, almost weightless.
• Cerulean (#3D8AAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00397D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#00231E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#090028): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Aged Lagoon color palette (#ECE1EB, #1D9294, #004357, #00240A, #00091B)
• Tempered Nightshade color palette (#F3E3E9, #5C97B9, #002CC5, #00302D, #170439)
• Antique Villa color palette (#E7F2E9, #2E9FCC, #005C94, #003B40, #000720)
• Dusty Orchard color palette (#EFDFD3, #64ABCB, #2277C5, #005D5C, #04002D)
• Forest Courtyard color palette (#F3ECF3, #71C2BD, #00748D, #06540E, #0B304F)
• Cocoa Corridor color palette (#FFE8F1, #764300, #004559, #321900, #00070C)
• Pine Bloom color palette (#EFD9E7, #A08A43, #008145, #5D0636, #001302)
• Worn Lapis color palette (#FFF1F5, #7EBEF6, #4E4CF8, #005558, #3E225B)

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