Cobalt Coast color palette — #FBF0E5 · #9FD8FE · #607FCE · #00625F · #291B46

Built around Azure, softened by Powder Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#FBF0E5): a clean, paper-quiet neutral.
• Powder Blue (#9FD8FE): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#607FCE): A luminous, balanced violet — the color of wild irises.
• Peacock (#00625F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#291B46): A deep, shadowed, dusty violet — the color of wild irises.

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

• Linen Cobalt color palette (#FFEEE6, #82E1ED, #008DC4, #00663F, #10224B)
• Cobalt Ridge color palette (#F3F7E8, #A0D5FB, #4284BF, #00627E, #21406A)
• Feathered Loft color palette (#FDEFE1, #7AC3FC, #4C5FE5, #005152, #22083F)
• Feathered Periwinkle Loft color palette (#FFF1F6, #B8E1FF, #739BE4, #00818B, #3B386C)
• Frosted Basin color palette (#CCE9FF, #008BCD, #956D00, #5C630F, #001A2B)
• Antique Navy color palette (#D0ECE9, #00B1C7, #0072AA, #1B3B8F, #23164B)
• Worn Turquoise Corridor color palette (#F9EFEC, #C2EEE2, #68A6BF, #4F7656, #412F42)
• Hushed Market color palette (#E6F4FF, #DFD2EC, #E09DCC, #1A8284, #361D35)

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