Petrol Courtyard color palette — #E4F5FD · #C0D7E8 · #99AEC4 · #006775 · #001E29
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E4F5FD): A whisper-light, dusty blue — the color of open sky before noon.
- Powder Blue (#C0D7E8): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#99AEC4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006775): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001E29): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Washed Petrol color palette (#EAF3FB, #D6D4E6, #B7BFD4, #2F70A1, #192633)
- Hushed Cypress Field color palette (#EAFAEE, #C2D8D0, #B59EB1, #006672, #27372C)
- Onyx Field color palette (#DAE7F0, #7F8FA1, #5D6B86, #002E42, #000103)
- Navy Ridge color palette (#E8EBF3, #AFB2C5, #8D8AA5, #373D76, #060A15)
- Gentle Aubergine Grove color palette (#C2E6FC, #007D9F, #740095, #4C1B00, #041300)
- Periwinkle Ridge color palette (#D5EBF4, #439AF6, #6D639D, #6D3312, #2E1F00)
- Dusty Moss color palette (#C4F0E2, #58AB55, #006D47, #004847, #011C02)
- Soft Navy color palette (#F0E1C3, #008EA9, #004CAA, #620204, #001420)
Browse the whole catalog at Explore, or see today's palette.