Twilit Sapphire color palette — #E2EAF6 · #136BE0 · #00316E · #000D2A · #00030E

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

The five colors

• Frost (#E2EAF6): bright and airy, almost weightless.
• Royal Blue (#136BE0): A full-bodied, vivid blue — the color of deep harbor water.
• Navy (#00316E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#000D2A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00030E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Energy, Depth, Luxury. Tagged monochrome, dark, cool.

Use it as a design system

One click turns Twilit 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

• Eclipse Cobalt Terrace color palette (#CFE1EF, #0079AD, #003B59, #001321, #000204)
• Ancient Ultramarine color palette (#E2EFFF, #2A89FC, #003ED4, #002856, #000215)
• Velvet Nightshade Canyon color palette (#DEE4FF, #5764E4, #240098, #0B003A, #020013)
• Hushed Violet Quarry color palette (#FAEAF9, #8E9BD9, #8165E7, #003E6A, #0E173B)
• Byzantium Terrace color palette (#EDE6F7, #934DC8, #4E007A, #1C0033, #070011)
• Ultramarine Basin color palette (#E9EFFF, #6389FF, #3200F2, #0E008A, #070055)
• Tempered Thicket color palette (#F3DFE5, #8844AD, #5D0045, #3C0055, #060003)
• Aubergine Veranda color palette (#F5DEFF, #AF77D1, #7B019D, #3D0054, #240030)

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