Petrol Courtyard color palette — #C1E8F7 · #00719D · #003B65 · #000E3B · #01000A

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C1E8F7): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003B65): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#000E3B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Onyx Loft color palette (#D2E8ED, #005677, #002E4E, #030038, #010009)
• Obsidian Cypress color palette (#E0F1EB, #007C74, #004144, #001D22, #000102)
• Patina Nightshade Lantern color palette (#C1EEF2, #0083A2, #005CA0, #2F248D, #13002B)
• Sapphire Hollow color palette (#FEE3FE, #0067D0, #724B00, #00295B, #020100)
• Nightshade Field color palette (#D5EDFF, #0067CA, #1C00BD, #140050, #020008)
• Magenta Bloom color palette (#F5D3F1, #ADACE4, #C35DD3, #004F71, #040002)
• Softworn Nightshade Orchard color palette (#E6EDFF, #6274F1, #1E00B8, #160415, #030023)
• Aubergine Quarry color palette (#E6EDFF, #6850D8, #5600A7, #290041, #030004)

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