Gentle Sapphire color palette — #FFF0FE · #2171E1 · #776600 · #00545C · #382238

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#2171E1): A full-bodied, vivid blue — the color of deep harbor water.
• Olive (#776600): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00545C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#382238): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Antique Boulevard color palette (#FDE8F2, #725EBC, #626700, #004E5A, #351E2B)
• Weathered Hollow color palette (#FFF0FB, #5263EC, #9D4E00, #005939, #3D1F36)
• Chalky Workshop color palette (#DCFFF0, #0081AF, #975300, #00574A, #0A3326)
• Muted Sapphire Coast color palette (#FFF0FC, #4362F8, #207C05, #2539A9, #3B2037)
• Hushed Amber color palette (#FFF3E9, #BF7E56, #838347, #076A7E, #423C37)
• Misty Orchid Meadow color palette (#FFF1F5, #A959D9, #356100, #004A49, #00303D)
• Quiet Grove color palette (#EFF1FF, #943DFF, #846700, #005927, #0F102A)
• Powdered Plum color palette (#F3FAD2, #9274E6, #B20048, #005051, #47274C)

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