Softworn Harbor color palette — #F5F0F5 · #CFD3E9 · #56A9C3 · #4D774E · #26384A

Cyan takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Lilac Frost (#CFD3E9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#56A9C3): A luminous, balanced blue — the color of open sky before noon.
• Olive (#4D774E): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Teal (#26384A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Turquoise Corridor color palette (#F0F7F1, #CEE2F6, #5EA6B1, #44787C, #3E5664)
• Hushed Lagoon Canyon color palette (#E5DBE3, #36868D, #00415A, #00210F, #000107)
• Weathered Orchard color palette (#F7EEFD, #C785A0, #229CBE, #4C7F9E, #2D2333)
• Pale Cobalt Study color palette (#FCEDF7, #8BDFF1, #008BD0, #006549, #151F50)
• Tempered Teal color palette (#FBEDF8, #E69E94, #44B0A4, #A15B53, #11373D)
• Dusty Driftwood Coast color palette (#E9F6EB, #9DC6B4, #9A7E47, #704A5F, #1D302D)
• Feathered Sapphire Archive color palette (#F1E5EB, #91BAD1, #006BC4, #004D40, #120D38)
• Aged Grove color palette (#F8EEFA, #E9D3D3, #D6DAA9, #997A9A, #41343D)

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