Petrol Courtyard color palette — #D3E4F4 · #006EAB · #722F00 · #003537 · #011D28
Peacock and Rust set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D3E4F4): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006EAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#722F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Deep Forest (#003537): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#011D28): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged muted, 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
- Timeworn Station color palette (#E9F3FF, #3279C4, #813F00, #00424C, #0B283B)
- Ultramarine Delta color palette (#DCE6F4, #0050B8, #502D00, #002330, #040C1B)
- Hushed Workshop color palette (#CEE6F0, #007686, #880017, #1D3500, #002013)
- Worn Moss color palette (#D9E9DF, #71995B, #00644C, #5F283E, #00312A)
- Hushed Courtyard color palette (#DEDFF5, #8245B6, #464B00, #003345, #0C192F)
- Tempered Byzantium color palette (#F8E7EC, #893FC1, #792800, #132F00, #000D14)
- Antique Sapphire Villa color palette (#F7EBF0, #7DBBD8, #2865BD, #005148, #2C2653)
- Aged Terracotta Alley color palette (#E3F2FF, #AD89BF, #9A4F57, #005250, #17354E)
Browse the whole catalog at Explore, or see today's palette.