Weathered Sapphire color palette — #D0E4D5 · #C09B29 · #4959E2 · #795F00 · #07003D

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

The five colors

• Celadon Mist (#D0E4D5): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#C09B29): A luminous, balanced gold — the color of old brass.
• Royal Blue (#4959E2): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#795F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#07003D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged 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

• Washed Sapphire Orchard color palette (#DFEBDE, #D49029, #006CCD, #875600, #000F26)
• Dusty Amethyst color palette (#D7F7EC, #90AE2A, #8140D7, #576C00, #160031)
• Timeworn Lapis Drift color palette (#DBE9DC, #9E6D00, #5F41DF, #5D3E00, #0F0038)
• Pale Plum Thicket color palette (#E7E1C7, #927D00, #00829A, #AD0693, #0A0700)
• Weathered Ember color palette (#FEE9F5, #E85700, #008DAD, #A43B00, #001219)
• Washed Nightshade color palette (#F2E4CB, #705800, #2900D4, #352800, #010016)
• Navy Chapel color palette (#EEE7B0, #E0CB32, #929EFF, #847600, #230B81)
• Olive Lantern color palette (#F6E5F3, #009BCA, #628100, #1D2900, #000202)

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