Petrol Courtyard color palette — #D2E0F1 · #AEAFE0 · #BF8696 · #007F9A · #18385F
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D2E0F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#AEAFE0): A luminous, dusty violet — the color of wild irises.
- Dusty Rose (#BF8696): A luminous, dusty red — the color of a theater curtain.
- Cerulean (#007F9A): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#18385F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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
- Softworn Lagoon color palette (#DBF3E3, #C6AAC4, #BE87B5, #158889, #00444F)
- Navy Workshop color palette (#FEE5F5, #D4AAAE, #C7846F, #5E7CA3, #34356C)
- Tempered Hollow color palette (#E8E3F5, #B5A2BF, #A8756C, #3E6B49, #094149)
- Weathered Navy color palette (#FFE9F4, #BE928F, #AD6975, #156E84, #2C205F)
- Patina Denim color palette (#F0EDFF, #B389A8, #A1654B, #355A99, #1D123A)
- Washed Station color palette (#F5D6D2, #EC8DAD, #00B4D1, #E80E7F, #002F38)
- Wandering Ash Alley color palette (#FFF1F3, #E7D6CB, #D5BBA5, #B293A9, #60494D)
- Muted Lantern color palette (#DADFF3, #B472A3, #854F39, #0D414C, #00242C)
Browse the whole catalog at Explore, or see today's palette.