Softworn Navy Station color palette — #F3F0E2 · #4F5900 · #004486 · #002264 · #020200

Navy and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F0E2): a clean, paper-quiet neutral.
• Olive (#4F5900): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#004486): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002264): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020200): a grounded near-black with real depth.

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

Use it as a design system

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

• Nightshade Basin color palette (#E9E9D2, #3C5E00, #412E95, #280571, #010200)
• Airy Navy Hollow color palette (#FDDBC6, #8A3300, #004485, #011C6E, #050100)
• Obsidian Nightshade color palette (#E0E3D0, #136B0D, #281A93, #33002C, #070000)
• Charred Atelier color palette (#DEE8CF, #005438, #003744, #2D002B, #030200)
• Eclipse Station color palette (#F7E5EB, #6D4200, #3E009E, #340015, #020100)
• Olive Villa color palette (#F7DAC9, #487100, #004743, #3B0030, #000501)
• Weathered Lantern color palette (#E8E7C4, #418A00, #00573B, #002A29, #000507)
• Washed Bronze color palette (#F1EADA, #847600, #005148, #403800, #000202)

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