Soft Harbor color palette — #E0F0F5 · #009AD7 · #0064AB · #212D8C · #1D1047
Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#E0F0F5): a clean, paper-quiet neutral.
- Cerulean (#009AD7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#0064AB): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#212D8C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#1D1047): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Navy Study color palette (#BEE8EA, #009BB0, #00729A, #003E81, #071449)
- Timeworn Delta color palette (#DBECF2, #00A7F2, #0067B2, #00109A, #04002C)
- Aged Navy Dune color palette (#CBECEE, #0083A6, #00538A, #211081, #27054F)
- Weathered Ultramarine Quarry color palette (#D9EDF8, #0189EA, #2749E7, #442790, #280739)
- Hazy Field color palette (#E7EDFD, #6390FF, #4B50D9, #23197B, #06002F)
- Weathered Boulevard color palette (#D4DFEF, #C0B0FC, #C384B5, #007B97, #222147)
- Softworn Terrace color palette (#DBEAFF, #3B7DFF, #A56300, #0946B9, #2A1500)
- Softworn Hollow color palette (#FFEAD1, #00BDB8, #007FC8, #001A30, #020913)
Browse the whole catalog at Explore, or see today's palette.