Sunlit Sapphire color palette — #F1D7DF · #D48D2A · #006ACA · #5344AA · #1E020D

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#F1D7DF): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#D48D2A): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#006ACA): A full-bodied, vivid blue — the color of open sky before noon.
• Indigo (#5344AA): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#1E020D): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Sunlit 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 color palette (#CCE9D4, #A98400, #0067D7, #0A52A8, #0B0013)
• Dusty Amethyst Hollow color palette (#EDE0CB, #CA932A, #6E4CD4, #822F8A, #001202)
• Worn Amber color palette (#F9D5E6, #D26900, #008ABA, #006C92, #1E0212)
• Indigo Atelier color palette (#D6E4D9, #997600, #6757D8, #4E40AA, #070400)
• Soft Mulberry Courtyard color palette (#DBE9DF, #AE8B00, #008096, #81256B, #26001B)
• Powdered Lapis Station color palette (#FFE9DC, #BD4800, #5548C2, #32267C, #030000)
• Emerald Lantern color palette (#FAE3EB, #B19600, #179656, #613585, #141900)
• Washed Thicket color palette (#EFE6B6, #D0B72F, #9360E9, #9F489D, #261F00)

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