Sapphire Atelier color palette — #FFEBE1 · #FB7B30 · #7D67D4 · #0066E4 · #220900

Built around Royal Blue, softened by Tangerine — the whole palette hums with trust and stability.

The five colors

• Cream (#FFEBE1): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#FB7B30): A luminous, vivid orange — the color of sun-warmed clay.
• Cornflower Indigo (#7D67D4): A full-bodied, vivid violet — the color of wild irises.
• Royal Blue (#0066E4): A full-bodied, vivid blue — the color of open sky before noon.
• Ink (#220900): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Faded Amethyst Bloom color palette (#FAE6C9, #D49831, #7660B8, #7B3FE7, #1B0F00)
• Timeworn Ember Studio color palette (#FFDCD2, #F54200, #008EC3, #4868AE, #270400)
• Airy Indigo color palette (#F3DDC2, #AA6F00, #5953FF, #5054CA, #0E0600)
• Aged Corridor color palette (#E6DFCB, #E5B836, #C471EE, #7974E7, #2E2200)
• Ember Delta color palette (#FCE6F8, #6B98FF, #FD5026, #3D3632, #0A0200)
• Rose Harbor color palette (#EEDDE0, #FB1975, #00959F, #237399, #27020D)
• Soft Hollow color palette (#F3E1D2, #A96000, #007A6D, #6A39A1, #1E0D00)
• Marigold Lantern color palette (#FFF3E7, #FFA74E, #8EB3FF, #A092CC, #3C3732)

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