Gentle Sapphire color palette — #E7DFD2 · #9A7A00 · #305DF5 · #685100 · #010025

Royal Blue takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#E7DFD2): a clean, paper-quiet neutral.
• Ochre (#9A7A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Blue (#305DF5): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#685100): A full-bodied, balanced gold — the color of old brass.
• Ink (#010025): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Muted Canyon color palette (#EDDCC6, #896100, #4C37C8, #4B3300, #050020)
• Feathered Bronze Boulevard color palette (#F3DBC6, #B9650B, #007AAB, #7F4200, #00070E)
• Worn Grape Terrace color palette (#EFECD3, #829E26, #752DC3, #4A5D00, #0A001A)
• Feathered Mulberry Lantern color palette (#E8E4CD, #816E00, #007288, #970080, #020200)
• Timeworn Olive color palette (#FFEAEE, #0089BE, #648400, #101800, #020200)
• Inked Nightshade Lantern color palette (#E1F2E5, #5E4900, #13249C, #271D00, #00000C)
• Pale Cabin color palette (#EFF2D2, #5DA642, #A837B3, #1C5000, #0F0011)
• Quiet Hollow color palette (#E4E5CC, #86C45B, #C25FD8, #3A6D00, #2E0038)

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