Petrol Courtyard color palette — #DEECFA · #006DAA · #4C6100 · #003C26 · #000203
Peacock and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DEECFA): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006DAA): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#4C6100): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003C26): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000203): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Abyss Drift color palette (#D9ECF4, #007984, #684F00, #2C4400, #000202)
- Wandering Lapis Atelier color palette (#DDE7FF, #5D52DF, #006638, #004546, #000205)
- Indigo Villa color palette (#DDE7FF, #626FF6, #00874E, #005D5D, #000912)
- Iris Summit color palette (#E2EBFF, #8196FF, #0CA15F, #007777, #001424)
- Pale Wisteria Ridge color palette (#EDEFFF, #BA77FF, #009F8E, #007B9B, #0B0D38)
- Pale Plum color palette (#E3D9F9, #AF38A3, #A4001B, #4A3100, #02000C)
- Inked Aubergine Ridge color palette (#EAE8FF, #741C8F, #601F00, #001F0C, #000010)
- Pewter Coast color palette (#ECECFA, #A89BAA, #938191, #764E96, #080717)
Browse the whole catalog at Explore, or see today's palette.