Midnight Cerulean color palette — #D4ECDE · #0084A0 · #321A33 · #102021 · #000502
Cerulean and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D4ECDE): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0084A0): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#321A33): A deep, shadowed, dusty pink — the color of neon signs at night.
- Onyx (#102021): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Midnight Cerulean 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
- Nocturne Lagoon Boulevard color palette (#D9ECD5, #008881, #062C1D, #0B0C15, #000600)
- Cerulean Pier color palette (#E6FBF1, #0096C8, #442B40, #00140C, #000200)
- Cobalt Harbor color palette (#F1DEF2, #0077D5, #241E42, #11161D, #08010A)
- Denim Market color palette (#D2E4ED, #005F73, #231F28, #00193B, #000B12)
- Cerulean Villa color palette (#D6F0FF, #009BBE, #355871, #0C3447, #000509)
- Softworn Periwinkle Grove color palette (#FEF0FF, #61A1EB, #543F4A, #251A26, #020704)
- Washed Bloom color palette (#FFF2EB, #D2EFD0, #27A2B9, #006E3E, #002232)
- Amber Field color palette (#DDFEF4, #7ABFFF, #A78A00, #005E9F, #1F1700)
Browse the whole catalog at Explore, or see today's palette.