Sapphire Summit color palette — #FFF4E0 · #C49E25 · #395DED · #715900 · #223572

A conversation between Royal Blue and Mustard, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C49E25): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#395DED): A full-bodied, vivid violet — the color of wild irises.
• Olive (#715900): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#223572): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Muted Garden color palette (#FFF3E5, #D99224, #0074BF, #7F5100, #003D68)
• Muted Indigo color palette (#FFEFDA, #D79B25, #6956EC, #785300, #1C1748)
• Pale Study color palette (#FDF5DB, #ACA925, #7F3DE9, #626000, #3F2E66)
• Antique Courtyard color palette (#E6DDC7, #8F8000, #4D53DE, #534A00, #1D2352)
• Cornflower Hollow color palette (#DDFFE8, #E0BD2C, #5B85EC, #8E7500, #23376A)
• Aged Ember color palette (#FFF2EB, #EB6425, #008BB5, #9B3700, #004157)
• Weathered Wisteria color palette (#F6F6E7, #85AD6C, #B56FCF, #3C6E0B, #50375A)
• Orchid Market color palette (#F6F8DD, #64BC41, #B72FE1, #225E00, #4E275C)

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