Petrol Courtyard color palette — #D3E3EE · #00749C · #1F2F5C · #1A1A22 · #00080F
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3E3EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#00749C): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1F2F5C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#1A1A22): a grounded near-black with real depth.
- Ink (#00080F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. 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
- Smoked Corridor color palette (#D3F7E8, #005A7C, #2E2E37, #001A30, #000306)
- Hushed Study color palette (#E1E4F7, #A487E5, #655B7A, #373B51, #080D17)
- Patina Hollow color palette (#DAEEFF, #009AE7, #4E5388, #073856, #00090F)
- Wandering Cerulean color palette (#EEDEE9, #77BEC4, #0090B7, #007052, #001529)
- Velvet Sapphire color palette (#E5F0FF, #1C5DE2, #382658, #000322, #000205)
- Powder Thicket color palette (#EAF3FD, #8ABBF3, #757A90, #4A5664, #1C2326)
- Powdered Pine Parlor color palette (#D0E6D9, #85A45C, #008649, #006267, #0A1300)
- Wandering Coast color palette (#CAEAED, #4AA0B8, #5471B2, #754D00, #111D00)
Browse the whole catalog at Explore, or see today's palette.