Quiet Sapphire color palette — #FBE2AF · #E0A500 · #7C9C00 · #006BC7 · #312900

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

The five colors

• Peach Cream (#FBE2AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#E0A500): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#7C9C00): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#006BC7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Espresso (#312900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

One click turns Quiet 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

• Softworn Apricot Atelier color palette (#F8E2B7, #FF8F45, #AC8A00, #007893, #3D2100)
• Patina Lapis Study color palette (#CCEFD3, #C7B200, #2DAA10, #3F4AFD, #282C00)
• Chalky Indigo color palette (#DEFFE5, #BCCB5E, #00BB6F, #7565D8, #243E00)
• Hushed Grape color palette (#CDE6D2, #95B95E, #00A077, #7443C2, #0C2C09)
• Softworn Ultramarine Veranda color palette (#D0F2D9, #CDA200, #00A189, #134BFA, #46002A)
• Airy Boulevard color palette (#FFF3E9, #FA881C, #518503, #4E1C9C, #211600)
• Muted Cobalt Coast color palette (#F3EDDE, #B3C28E, #6CB587, #5F6CBD, #4A306A)
• Dusty Pier color palette (#ECF9EE, #DFD09C, #9BB989, #718BC1, #354E43)

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