Softworn Navy color palette — #F1F3D4 · #007767 · #00464A · #150072 · #001B19

A conversation between Deep Indigo and Teal, giving this palette its sense of trust and stability.

The five colors

• Custard (#F1F3D4): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#007767): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00464A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#150072): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#001B19): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, cool.

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

• Antique Pine color palette (#EEEDD9, #007A4A, #00483E, #002548, #001C12)
• Moonless Onyx color palette (#E3F1E4, #00646A, #003645, #1F0046, #000E11)
• Denim Lantern color palette (#DEE1D1, #6EA9B6, #006178, #003E40, #002331)
• Pale Courtyard color palette (#D8F7E7, #00617B, #251C8E, #37003A, #2A0006)
• Cellar Canyon color palette (#DFEACF, #005072, #00214F, #1D001C, #00040A)
• Pale Aubergine color palette (#C8F1D0, #008D9F, #005A7C, #4E007F, #002E3A)
• Soft Bloom color palette (#DCE7D6, #00B57C, #008C76, #006267, #00201C)
• Weathered Pine color palette (#F5D9C9, #007A2E, #00444B, #3F0014, #000704)

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