Weathered Sapphire color palette — #F7E4D7 · #B1AF0F · #346CE4 · #071A46 · #0A030A

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

The five colors

• Parchment (#F7E4D7): A whisper-light, dusty gold — the color of old brass.
• Gold (#B1AF0F): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#346CE4): A full-bodied, vivid violet — the color of wild irises.
• Midnight (#071A46): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0A030A): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Clover Hollow color palette (#FCEBE0, #00C64A, #5469E8, #131A43, #0A0107)
• Chalky Grape color palette (#E8E4CC, #83A90D, #6938E4, #0E002E, #070004)
• Softworn Nightshade Harbor color palette (#F0E0EB, #9E9608, #2F29AB, #101243, #080005)
• Byzantium Grove color palette (#E7F0D9, #00B884, #8A46E4, #1D0A37, #0F0208)
• Washed Amber Bloom color palette (#DAF0DF, #B89B00, #00A6C4, #003843, #00070D)
• Gentle Marigold color palette (#D3EADB, #F59915, #A491FF, #2A214E, #24101B)
• Timeworn Rose color palette (#EAE5D1, #FF4D71, #0086CC, #00182A, #000604)
• Weathered Grape color palette (#E8DBDF, #D7BDBE, #BC9C95, #754A95, #281B1F)

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