Frosted Sapphire color palette — #E3F0FF · #0865D4 · #006544 · #00285F · #000201
Royal Blue and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E3F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#0865D4): A full-bodied, vivid blue — the color of deep harbor water.
- Pine (#006544): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00285F): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Frosted 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
- Softworn Fern Quarry color palette (#D9EEFE, #0074A0, #2E6400, #002F44, #000200)
- Linen Balcony color palette (#E0E5F5, #6653CC, #00625C, #2C0078, #000201)
- Charred Ultramarine Corridor color palette (#D0E2FD, #1E3EBD, #4A3E00, #05006D, #080600)
- Aged Harbor color palette (#DFE3F2, #581CCD, #81004D, #003846, #010009)
- Dusty Sapphire color palette (#D7E0ED, #3B6FFF, #7C7300, #2046B9, #070600)
- Orchid Station color palette (#DFE3F1, #BDA6E3, #BB59D0, #37428A, #020007)
- Timeworn Harbor color palette (#EAEBFA, #8640C4, #8E3400, #3D0065, #030000)
- Soft Indigo color palette (#F1F5FF, #BDC1FF, #00C9B6, #6E5FFF, #003731)
Browse the whole catalog at Explore, or see today's palette.