Sapphire Study color palette — #F7EDE0 · #7EB8E6 · #4E5FB7 · #004F50 · #35234E

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

The five colors

• Cream (#F7EDE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#7EB8E6): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4E5FB7): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#35234E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sapphire Study 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

• Petrol Grove color palette (#FBEBE4, #75BFC6, #007299, #00532E, #192D4F)
• Petrol Station color palette (#D9EEED, #9BB7D2, #416CA5, #004763, #02103D)
• Patina Cobalt Loft color palette (#FFF2EB, #80DEF2, #0087CA, #00694C, #2E3C6D)
• Tempered Denim color palette (#E1F5F6, #0091AE, #005FA7, #21337F, #342857)
• Misty Mallow color palette (#D6F8EC, #C9B6FF, #CC85AA, #00706D, #45283D)
• Soft Garden color palette (#F8EAEF, #B3D8F9, #83A0F4, #008EA1, #2F2358)
• Navy Pier color palette (#F7E4D5, #469ABF, #00449A, #00302A, #15023E)
• Cypress Delta color palette (#FDF3ED, #BFE7D0, #638EB8, #1C725D, #5A3D51)

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