Soft Sapphire Harbor color palette — #FFF6D2 · #00C0CE · #1663F7 · #574400 · #001C26

Royal Blue takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFF6D2): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#00C0CE): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#1663F7): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#574400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001C26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged retro, vibrant, cool.

Use it as a design system

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

• Cobalt Studio color palette (#FFF3E5, #00C3BA, #0077C1, #623D00, #001D21)
• Amethyst Cabin color palette (#E4FFD5, #13B8F7, #784CE6, #414D00, #001836)
• Byzantium Dune color palette (#E3FDE5, #00AFB4, #8728E0, #573800, #001617)
• Worn Violet color palette (#F8F8D3, #6CCBFF, #8C6DE2, #4F6100, #0A274D)
• Dusty Corridor color palette (#FFDEBA, #008CA3, #3534C6, #503000, #002D43)
• Tempered Mint color palette (#FFF2EF, #00C88C, #007F9C, #841200, #001E1A)
• Pale Plum Harbor color palette (#B6F5D8, #57BAFF, #5286FF, #B5059D, #002A4E)
• Soft Boulevard color palette (#F4F1C4, #5884EB, #821A90, #003516, #040017)

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