Gentle Sapphire color palette — #D8F8E0 · #C19A22 · #4055EF · #604A00 · #020029

Built around Royal Blue, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Honeydew (#D8F8E0): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#C19A22): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#4055EF): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#020029): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Cobalt Veranda color palette (#DFF5DD, #D68E22, #0070BC, #6C4300, #000815)
• Wandering Grape color palette (#D0ECDF, #8F921F, #6100E2, #3E3F00, #010008)
• Feathered Quarry color palette (#D0F9EB, #92AD23, #8E34D3, #455500, #0E001C)
• Airy Grove color palette (#D5E9D9, #DAA72C, #5E6BE9, #8F6A00, #100D4B)
• Ultramarine Pier color palette (#F3E6CF, #846600, #384CB1, #443400, #020029)
• Pale Orchid color palette (#DBFFF3, #ADD228, #A465EF, #5F7500, #2B004D)
• Frosted Ember color palette (#FFE6F5, #EF5B12, #0089A1, #842C00, #00090D)
• Wandering Mulberry Grove color palette (#EDE2B3, #8F7900, #00788D, #891F77, #020200)

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