Shell Boulevard color palette — #F3F5FD · #F9C1BF · #747B9C · #454B68 · #292B34

A conversation between Oat and Slate, giving this palette its sense of sophistication.

The five colors

• Ivory (#F3F5FD): a clean, paper-quiet neutral.
• Oat (#F9C1BF): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#747B9C): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#454B68): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#292B34): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Dusty Driftwood color palette (#FDF1F7, #E5D9D3, #857FAE, #563E4B, #22181D)
• Oat Harbor color palette (#EEF7FC, #B8DDB7, #5B839C, #315165, #222D34)
• Stone Alley color palette (#FBF1FF, #E9B89B, #92616F, #4C3B53, #271D2B)
• Antique Pier color palette (#F4F4FC, #CECCF5, #C0899B, #9D7EB0, #332A38)
• Softworn Lilac color palette (#F2F4FF, #B09EE2, #C4898B, #488592, #393C4F)
• Timeworn Ash Grove color palette (#FAF3F7, #DAE4B3, #939ACE, #816177, #30292E)
• Timeworn Ash Field color palette (#F5F4FB, #DED7DC, #B9ADAE, #9C95BB, #53515A)
• Antique Market color palette (#EDF6FF, #70A8DC, #778C4D, #3A745B, #223842)

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