Sapphire Boulevard color palette — #F0E7DE · #91BEB2 · #4A65B8 · #004A54 · #170C36

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F0E7DE): bright and airy, almost weightless.
• Ash (#91BEB2): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#4A65B8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#170C36): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Weathered Workshop color palette (#F1E6E2, #7DC0C8, #027698, #004D3A, #00172D)
• Aged Petrol Lantern color palette (#EDF0E6, #8BBDB0, #3668AC, #004B6A, #192B56)
• Worn Sapphire color palette (#FFEFDF, #7BC3FB, #416BCE, #005058, #1A064A)
• Cerulean Delta color palette (#FEEEE6, #A2DAEA, #328BBF, #006357, #072250)
• Worn Periwinkle color palette (#E8F9F9, #D7DAF6, #5D92E1, #00638D, #0B1947)
• Patina Navy color palette (#E9DED6, #5792B0, #00498B, #002C2C, #02001C)
• Antique Abyss color palette (#F8E5DD, #46838A, #004257, #002016, #000104)
• Hushed Cypress color palette (#F8F0EC, #C8E5DD, #7FA78E, #46775B, #193E33)

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