Worn Sapphire color palette — #FFF5D9 · #B3A90C · #3765E6 · #294799 · #2A0605

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

The five colors

• Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
• Gold (#B3A90C): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#3765E6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#294799): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#2A0605): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Weathered Lapis color palette (#FFF3E6, #D48718, #4054DE, #59398E, #1E0307)
• Clover Garden color palette (#F4F9D6, #34B80C, #256ED4, #603AA5, #1C0700)
• Hushed Amber color palette (#FFF3E3, #C78D00, #00869A, #005373, #200403)
• Mint Meadow color palette (#EFF9E7, #41CD96, #6A75BF, #764A7B, #231809)
• Lime Cabin color palette (#FEF6D2, #AEB900, #0087C5, #852462, #41002C)
• Sunlit Grape Veranda color palette (#FCF6DB, #7A7F00, #6341B5, #3B276E, #050100)
• Dusty Aubergine color palette (#E7FBF0, #7C6E00, #005286, #620070, #3B1000)
• Byzantium Courtyard color palette (#F0FAE1, #11C47F, #A148AD, #6D2977, #1B0D00)

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