Twilit Sapphire Grove color palette — #D1E3F9 · #0D6DCD · #003B6E · #001022 · #000206

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#D1E3F9): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#0D6DCD): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#003B6E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#001022): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Twilit Sapphire Grove 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 Studio color palette (#D7EBF3, #00839F, #00404C, #001318, #000204)
• Eclipse Summit color palette (#DADEEF, #4563D1, #0E1E9D, #080043, #000011)
• Pale Workshop color palette (#E3F0FF, #4585DC, #00588A, #00214D, #000207)
• Antique Grape color palette (#E7EAF9, #6F4CC2, #5F003D, #2E0067, #040008)
• Violet Drift color palette (#DCEFFF, #8EA1D7, #8962C9, #004D60, #02153A)
• Pale Lapis Dune color palette (#E3E7D6, #E04600, #424AF6, #140324, #00010F)
• Faded Ultramarine color palette (#DAE7FF, #6199FF, #1F45CF, #001883, #02005D)
• Midnight Aubergine color palette (#E5EBFF, #4600B2, #493100, #122200, #05001A)

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