Sapphire Field color palette — #F5E8F5 · #0064CC · #1E284B · #001738 · #021611

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

The five colors

• Blush (#F5E8F5): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#0064CC): A full-bodied, vivid blue — the color of open sky before noon.
• Midnight (#1E284B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#001738): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#021611): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. Tagged noir, dark, luxury, muted.

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

• Charred Loft color palette (#F2D9F4, #006AC6, #2A2050, #1A071C, #000502)
• Cornflower Dune color palette (#E2EFFF, #1086F3, #453D6C, #0F2742, #07131A)
• Obsidian Petrol color palette (#D6F6EA, #0070A3, #042B51, #001E15, #000909)
• Ancient Periwinkle Lantern color palette (#E6F1FF, #5CA2FF, #556595, #334356, #08131C)
• Charred Balcony color palette (#F4D7E1, #7F48B5, #391D41, #1F0E30, #160707)
• Plum Market color palette (#FFE2EF, #8965DA, #C32E6C, #006A8B, #342556)
• Driftwood Harbor color palette (#FFEDEE, #A06696, #4D3535, #362325, #1C1310)
• Twilit Aubergine color palette (#FBDAEB, #4C00B0, #231707, #150525, #0A0005)

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