Gentle Sapphire color palette — #F0E4C4 · #928700 · #485DE4 · #575000 · #181C76

Built around Royal Blue, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Parchment (#F0E4C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#928700): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#485DE4): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#575000): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#181C76): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Sapphire Loft color palette (#D3EADC, #9B8600, #4D58F4, #594C00, #0B004E)
• Cobalt Harbor color palette (#F8E2B9, #A18000, #0074C0, #604C00, #003054)
• Indigo Garden color palette (#F3E3BF, #C8AF29, #5F6AEC, #7A6900, #1F137E)
• Grape Studio color palette (#F0E5BB, #989A22, #7B2BC8, #515200, #3B1164)
• Softworn Plum Study color palette (#FCF6D8, #9FAE25, #9F489E, #596300, #5B195C)
• Mulberry Meadow color palette (#E0E0C4, #6C9E44, #8F2A86, #2E5500, #43103E)
• Powdered Grape Lagoon color palette (#F1EBD4, #857000, #790FE7, #630EC0, #2C2300)
• Chartreuse Loft color palette (#C1F1DF, #C3D632, #6DA9FF, #717D00, #002B64)

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