Sapphire Boulevard color palette — #FFF5D6 · #AEA825 · #4D5FDD · #635F00 · #273374

Royal Blue and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF5D6): A whisper-light, dusty green — the color of new leaves after rain.
• Gold (#AEA825): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#4D5FDD): A full-bodied, vivid violet — the color of wild irises.
• Olive (#635F00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#273374): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.

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

• Linen Courtyard color palette (#F1F0D9, #7FAE38, #7053BA, #416200, #372E53)
• Gentle Cobalt color palette (#FFF3E6, #DB9125, #0073C3, #805000, #023C69)
• Pale Violet color palette (#FFF0D4, #C8A325, #7C5BCA, #6F5800, #260C4F)
• Cornflower Workshop color palette (#DAFFF0, #BFC94A, #6583E8, #777F00, #21327A)
• Wandering Indigo Workshop color palette (#F4EEB6, #8F8100, #5758EE, #7346A2, #373100)
• Quiet Jade color palette (#F4F8E0, #70B26F, #AF70A8, #397539, #5D353B)
• Washed Pier color palette (#E1FDED, #D8C845, #A7AEFF, #A99900, #302D7A)
• Frosted Balcony color palette (#F3FAD2, #2AC247, #C83CA4, #006018, #572649)

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