Petrol Courtyard color palette — #D7E7F4 · #007AAC · #223446 · #14212A · #090C13
Built around Cerulean, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#D7E7F4): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007AAC): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#223446): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#14212A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#090C13): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Petrol Courtyard 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
- Hushed Market color palette (#EBF2FF, #5D77CB, #363C4E, #242931, #14141A)
- Weathered Sky color palette (#D6E7F4, #48B7EB, #636F8D, #364D5D, #0D1B1E)
- Shadow Study color palette (#D5E6FF, #0053BB, #10144F, #000C23, #010109)
- Softworn Iris color palette (#F1F5FF, #7A79E5, #AE5B88, #00758A, #30374B)
- Shadow Navy Canyon color palette (#E0F0FF, #003B66, #21151C, #000521, #000205)
- Grape Veranda color palette (#E8E7FF, #8931AF, #291F3E, #13121E, #050307)
- Deep Aubergine Terrace color palette (#E5DFFF, #71007A, #211413, #200019, #04010E)
- Pine Veranda color palette (#E4FBF6, #92BC91, #4A815D, #3D6164, #2D4845)
Browse the whole catalog at Explore, or see today's palette.