Sapphire Field color palette — #FFEFE0 · #84C3EF · #346CD3 · #005157 · #18074B

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#FFEFE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#84C3EF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#346CD3): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005157): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#18074B): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Antique Petrol color palette (#FFEEE6, #7FC9D7, #007BAA, #005345, #00193A)
• Soft Ridge color palette (#F3F7E9, #86BFE8, #0071BE, #00526B, #00306C)
• Pale Denim color palette (#F3E6D9, #75A1C7, #3250A8, #00383F, #0C002B)
• Airy Canyon color palette (#FFF1F6, #96D3FE, #4685FF, #007179, #2F1F75)
• Soft Fuchsia color palette (#CAFEF0, #C2CEFF, #DB81E1, #006A79, #081E4F)
• Azure Courtyard color palette (#E2FBFA, #D6DBEF, #309EFD, #006D8E, #002252)
• Misty Navy color palette (#DCF3F3, #009CB5, #00689A, #002E75, #150758)
• Quiet Drift color palette (#D2E1F1, #0074C7, #915400, #6F4900, #000F21)

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