Cobalt Coast color palette — #FFF1F5 · #A5D1F8 · #5274D1 · #00505A · #0E002F

Sapphire and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#A5D1F8): A whisper-light, dusty blue — the color of open sky before noon.
• Sapphire (#5274D1): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00505A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0E002F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Dusty Basin color palette (#FFF0FB, #A2D5E8, #0087AC, #00543E, #000D1D)
• Gentle Denim Studio color palette (#E1F5F4, #6DA1D1, #0056AA, #00364C, #00052A)
• Weathered Cerulean color palette (#FDF1F9, #AEF4FB, #3A9FC3, #006D51, #00203A)
• Azure Drift color palette (#E4E7DE, #9DCBBE, #5094E3, #0077A0, #051C49)
• Hazy Byzantium Quarry color palette (#CAFAED, #7EB323, #9043B7, #3A5800, #100019)
• Timeworn Cypress Delta color palette (#FAF3F7, #D5D4E2, #65B0DA, #12806D, #152E50)
• Washed Study color palette (#FBF3F6, #D7D4DF, #BCBEE5, #5A9F9E, #434D62)
• Worn Moss color palette (#EBE5D5, #ADA100, #587600, #00410C, #00150A)

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