Twilit Cobalt color palette — #D6DFF2 · #3E6FCB · #002F77 · #000B29 · #00000C
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D6DFF2): A whisper-light, dusty violet — the color of wild irises.
- Royal Blue (#3E6FCB): A full-bodied, balanced violet — the color of wild irises.
- Navy (#002F77): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#000B29): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged monochrome, dark, cool.
Use it as a design system
One click turns Twilit Cobalt 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
- Tempered Canyon color palette (#DFE7F8, #3869E3, #0014AD, #000544, #00001B)
- Charred Petrol Thicket color palette (#C7EAFA, #007497, #00415A, #001320, #000103)
- Misty Ultramarine color palette (#CFE1FD, #4483EF, #0043C9, #020481, #000109)
- Aubergine Station color palette (#F2EDFF, #7B54B8, #420089, #140034, #020008)
- Dusty Aubergine Lagoon color palette (#DBDEEE, #6F51B5, #651500, #33006C, #040002)
- Dusty Raspberry Canyon color palette (#E1EFFF, #8F8FC5, #B951A5, #004B57, #02001D)
- Navy Veranda color palette (#E0EBF6, #004773, #403600, #00221D, #000103)
- Pale Byzantium color palette (#F6EEFF, #C495EF, #8F47C7, #530078, #19002C)
Browse the whole catalog at Explore, or see today's palette.