Petrol Courtyard color palette — #CEE1F2 · #0071AD · #7F4200 · #002E4A · #030100
Built around Slate, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Frost (#CEE1F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#7F4200): A full-bodied, balanced gold — the color of old brass.
- Midnight (#002E4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#030100): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Wandering Terracotta Study color palette (#CFF2FF, #007982, #8F3200, #003236, #030000)
- Eclipse Denim color palette (#DCEDE7, #005685, #603000, #00233A, #0D0300)
- Sunlit Navy Pier color palette (#CFE0FA, #3863CB, #575900, #010887, #010100)
- Shadow Abyss color palette (#DAE7F1, #005373, #204600, #002231, #000200)
- Tempered Cornflower color palette (#DEE8F4, #3B7FE4, #004175, #18101B, #000416)
- Lilac Orchard color palette (#E0F0FF, #A5B1EF, #B275B2, #00454C, #00000C)
- Faded Lapis Thicket color palette (#E9E7D6, #9B7F00, #4946F4, #0E0418, #000107)
- Olive Lagoon color palette (#E2F6EA, #6B7B20, #463B00, #1D0F00, #000200)
Browse the whole catalog at Explore, or see today's palette.