Softworn Harbor color palette — #D7E8F9 · #0085D1 · #008131 · #004A77 · #001804

Olive and Azure set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D7E8F9): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#0085D1): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#008131): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#004A77): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001804): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Cornflower Study color palette (#DAEBFF, #3891FA, #02935E, #1D5597, #002313)
• Softworn Grove color palette (#D9E3F9, #616AF9, #007D6D, #33329F, #001712)
• Antique Sapphire Loft color palette (#E7F0FF, #2C55F0, #00684F, #0C179B, #000B06)
• Cobalt Grove color palette (#BCE9DD, #0083D8, #965A00, #004B80, #3D2100)
• Byzantium Basin color palette (#D9E8F1, #008EAB, #9044AB, #004F61, #20002B)
• Wandering Sapphire color palette (#D6DFED, #0F57F3, #971795, #005859, #000726)
• Periwinkle Courtyard color palette (#C8E1FA, #50B0FF, #A36700, #0067A8, #3B2300)
• Antique Lilac Atelier color palette (#DDEAFF, #B9C1FF, #A090D9, #325782, #0A1632)

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