Softworn Harbor color palette — #FAF4EF · #C2E2F2 · #97B1E3 · #56938D · #604C56

Sky and Storm Blue set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Powder Blue (#C2E2F2): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#97B1E3): A luminous, dusty violet — the color of a velvet chair.
• Storm Blue (#56938D): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#604C56): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Creativity, Calm, 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

• Patina Turquoise Balcony color palette (#F4F6EF, #C9E7E9, #A2CCF0, #6FACC2, #5F4A61)
• Weathered Ash color palette (#F0F7F1, #D8DDEE, #7C9CC0, #4C7586, #465368)
• Softworn Villa color palette (#FFF2EA, #E99C73, #84A2EF, #9380BD, #48413C)
• Washed Azure Parlor color palette (#FBF3EF, #B6E0C8, #579ADA, #007F65, #32375B)
• Timeworn Amber Lantern color palette (#FEF3E7, #E1BD91, #64BEE1, #B18241, #375547)
• Timeworn Sapphire Studio color palette (#F0E5DD, #7CBBD8, #006FE5, #005A4F, #1D1546)
• Linen Station color palette (#F7EBDF, #6F97BA, #3E3BCC, #003B3D, #100021)
• Timeworn Pier color palette (#F7E2DC, #46B5B3, #00718C, #004E13, #00142B)

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