Petrol Courtyard color palette — #D8FFF4 · #94C2EB · #3674A9 · #00446F · #002E4C
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D8FFF4): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#94C2EB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3674A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00446F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002E4C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Tempered Sky Parlor color palette (#EDF6FF, #B6DDFF, #76B7F1, #4E84B3, #063150)
- Azure Ridge color palette (#EEF6FF, #A4D1FF, #4899E3, #136693, #10304D)
- Gentle Grove color palette (#FFF0FA, #AAB2E7, #646EB7, #3A398F, #24275A)
- Softworn Lagoon Workshop color palette (#E2FEE4, #7CC2C5, #00888B, #004E50, #00393B)
- Tempered Courtyard color palette (#FFF0FA, #E5BED8, #747DB2, #434884, #4B2B42)
- Frosted Cobalt Garden color palette (#E7F1FD, #2E72C3, #00357A, #000F29, #000209)
- Navy Studio color palette (#FDF1F9, #D69DA5, #444D7E, #222857, #2C1C27)
- Muted Cerulean Terrace color palette (#E0FDF4, #FCE2FD, #BDC9FC, #2B86AA, #5A485D)
Browse the whole catalog at Explore, or see today's palette.