Softworn Navy color palette — #DBE3D0 · #008760 · #006170 · #00278C · #020200
Indigo and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#DBE3D0): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008760): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#006170): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Indigo (#00278C): A deep, shadowed, vivid violet — the color of wild irises.
- Black (#020200): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Aubergine Field color palette (#DAEDD8, #008380, #005A8F, #440085, #000301)
- Dusty Ridge color palette (#E8EADA, #268904, #00645E, #003B56, #030200)
- Patina Navy Study color palette (#DEF6E8, #439884, #007475, #1F427D, #0A0630)
- Charred Fern color palette (#DEF3EA, #525B00, #002D50, #140010, #030100)
- Patina Cobalt color palette (#E9ECDF, #73A8C6, #007BBB, #005A6F, #000919)
- Aubergine Study color palette (#DEF2DB, #00A59D, #0079B7, #5934A1, #001704)
- Nocturne Fern Pier color palette (#ECF1CF, #097016, #002A16, #080D06, #000300)
- Worn Studio color palette (#D9F2E6, #008DBB, #4C42E5, #6D007A, #170004)
Browse the whole catalog at Explore, or see today's palette.