Soft Cobalt Coast color palette — #F5EDE2 · #A4D0BC · #1E8DD7 · #006B74 · #122C58
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE2): bright and airy, almost weightless.
- Pistachio (#A4D0BC): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#1E8DD7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006B74): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#122C58): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft Cobalt Coast 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
- Worn Petrol Alley color palette (#FAF4EC, #BCDDD2, #6F97CE, #00798E, #2D385F)
- Wandering Garden color palette (#EEF8F0, #CEE0FF, #4199DC, #006871, #081D3F)
- Sapphire Boulevard color palette (#F8ECE3, #90BDA8, #0063CD, #005146, #2B284C)
- Ancient Study color palette (#E5DED3, #81BEBB, #008491, #005C43, #00242E)
- Powdered Ultramarine color palette (#F8EFE1, #6B97BF, #2352AC, #003948, #06002B)
- Tempered Harbor color palette (#FDDDEA, #9968DC, #B26400, #007A6C, #251639)
- Tempered Cerulean color palette (#F8F5EF, #CEE3E4, #91B5DB, #2E95A6, #5F4B5C)
- Muted Indigo Chapel color palette (#FFE9F2, #F4CAF4, #F38EAF, #6873C7, #412B4C)
Browse the whole catalog at Explore, or see today's palette.