Patina Sapphire Harbor color palette — #FAF0E5 · #8AC1F2 · #3A5AF9 · #00505B · #1D0747

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#FAF0E5): bright and airy, almost weightless.
• Sky (#8AC1F2): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3A5AF9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00505B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1D0747): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Airy Cobalt Pier color palette (#FBEFE7, #7EC6E6, #0074C7, #00524F, #0C0E4A)
• Cornflower Drift color palette (#FFF1F5, #9DD1FF, #5B82FC, #00707E, #342369)
• Muted Teal color palette (#E8DED9, #52ADAB, #006374, #003C21, #000C16)
• Gentle Loft color palette (#C7FFF6, #94E1FF, #8BA1FF, #007C3F, #002328)
• Timeworn Cerulean color palette (#F3E9E4, #1D8795, #004259, #002018, #000104)
• Timeworn Rust color palette (#D5F4ED, #009C8A, #CC2B00, #00594E, #2F0400)
• Linen Plum color palette (#CDEEEA, #00837C, #B8005B, #8D2D00, #001211)
• Chalky Amber color palette (#F9E4D7, #C37B00, #933E00, #6B0014, #181100)

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